/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  padding-top: 1rem;
  padding-bottom: 2rem;
  color: #666666;
}

	.container .navbar-brand img {
		width:350px;
		height: 40px;
	}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
	.reviews {
		width: 70%;
	}
	.houzz {
		width: 100%;
	}
/* Carousel base class */
.carousel {
  margin-bottom: 0.5rem;
	margin-top: 0.5rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
	color: #FFFFFF;
	
	z-index: 10;
	width: 100%;
	height: 60px;
	padding: 0;
	margin: 0 auto;
	bottom:0px;
	left:0%;
	border: 0px solid #f00;
	text-shadow: 1px 1px 2px #000000;
}
.carousel-caption.button {
	align-content: center;
	text-align: center;
	margin: 0 auto;
	padding: 0px;
}
.carousel-caption .btn {
	text-shadow: 0px 0px 0px;
}
.container .carousel-caption h1 {
	font-size: 30px;
}
.container .carousel-caption p {
	font-size: 20px;
}
/* Declare heights because of positioning of img element */
.carousel-item {
	height: 400px;
}
.carousel-item > img {
	position: absolute;
	min-width: 100%;
	left: 50%;
	top:0%;
	margin-left: -750px;
	overflow: hidden
}
.attitude img {
		width:385px;
}
/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
	font-weight: 300;
  line-height: 1;
  /* rtl:remove */
  letter-spacing: -.05rem;
}
.marketing h2 {
  font-weight:400;
	color: #FFFFFF;
	font-size: 26px;
	margin-bottom: 10px;
	padding-bottom: 10px;
  line-height: 1;
  /* rtl:remove */
  letter-spacing: -.05rem;
	margin: 0 auto;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
}
.marketing p {
  font-weight: 300;
	color: #CCCCCC;
	font-size: 18px;
	margin-bottom: 10px;
	padding-bottom: 20px;
  line-height: 1.25;
	font-family: 'Open Sans', sans-serif;
}
/* rtl:begin:ignore */
.marketing .col-lg-4 p {
	margin-right: .75rem;
	margin-left: .75rem;
	font-weight: 300;
	line-height: 1.5;
	/* rtl:remove */
	letter-spacing: -.75rem;
	font-family: 'Open Sans', sans-serif;
}

/* Featurettes
------------------------- */

.featurette-divider {
  margin: 10px 0; /* Space out the Bootstrap <hr> more */
	border-bottom: 2px solid #FFFFFF;
	margin-bottom: 15px;
	margin-top: 14px;
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  /* rtl:remove */
  letter-spacing: -.05rem;
}

/* RESPONSIVE CSS
-------------------------------------------------- */
.nav-item {
  font-weight: 300;
  line-height: 1;
  /* rtl:remove */
  letter-spacing: -.05rem;
}
.dropdown-item a {
  font-weight: 300;
  line-height: 1;
	color:red;	
}
.text-muted {
	font-weight: 300;
}
a {
	color: white;
	margin: 0;
	padding: 0;
}
a:hover {
	color: cornflowerblue;
}
.marketing>.anchor {
	position:relative; top:-65px; border: 0px solid #ff0000
}
.attitude img {
		width:385px;
}
.color1 {
	margin-bottom: 50px;
}
.color2 {
	margin-bottom: 50px;
}
.A911 {
	width: 100%;
}
@media (min-width: 1441px) {
	.nav-item {
		text-align: right;
		width: 22.5%;
	}
		.text-muted {
		font-weight: 300;
		font-size: 18px
	}
	.carousel-item {
		height: 400px;
}
	.carousel-item > img {
		position: absolute;
		min-width: 100%;
		left: 50%;
		top:0%;
		margin-left: -650px;
		overflow: hidden
	}
}
@media (max-width: 1440px) {
	.nav-item {
		text-align: right;
		width: 22.5%;
	}
	.text-muted {
		font-weight: 300;
		font-size: 18px
	}
.carousel-item {
	height: 300px;
}
.carousel-item > img {
	position: absolute;
	min-width: 120%;
	left: 50%;
	top:0%;
	margin-left: -650px;
	overflow: hidden
}
}
@media (max-width: 1024px) {
  /* Bump up size of carousel content */
	.container .navbar-brand img {
		width: 400px;
		height: 47px;
	}
	.container .carousel-caption h1 {
		font-size: 32px;
	}
	.container .carousel-caption p {
		margin-bottom: 1.25rem;
		line-height: 1.4;
		font-size: 24px;
	}
	.featurette-heading {
		font-size: 36px;
	}
	.marketing h2 {
		font-size: 24px;
	}
	.nav-item {
		text-align: right;
	}
	.attitude img {
		width:300px;
}
.carousel-item {
	height: 250px;
}
.carousel-item > img {
	position: absolute;
	min-width: 115%;
	left: 50%;
	top:0%;
	margin-left: -400px;
	overflow: hidden
}
}
@media (max-width: 768px) {
  /* Bump up size of carousel content */
	.container .navbar-brand img {
		width:400px;
		height: 47px;
	}
	.container .carousel-caption h1 {
		font-size: 10px;
	}
	.container .carousel-caption p {
		margin-bottom: 1.25rem;
		line-height: 1.4;
		font-size: 24px;
	}
	.featurette-heading {
		font-size: 24px;
	}
	.marketing h2 {
		font-size: 18px;
	}
	.nav-item {
		font-size: 12px;
		text-align:right;
		width: auto;
	}
	.dropdown-menu {
		background-color: transparent;
		border: 0;
		text-align: right
	}
.carousel-item {
	height: 200px;
}
.carousel-item > img {
	position: absolute;
	min-width: 160%;
	left: 50%;
	top:0%;
	margin-left: -355px;
	overflow: hidden
}
.attitude img {
		width:300px;

}
	.color1 {
		margin-bottom: 20px;
	}
	.color2 {
		margin-bottom: 20px;
	}
	.A911 {
		width: 50%;
		margin: 0 auto;
		align-content: center;
		align-items: center;
		text-align: center;
	}
		.A911 img {
		width: 50%;
		margin: 0 auto;
		text-align: center;
	}
.divider {
	border-bottom: 1px solid #5C5C5C;
	height: 1px solid;
	width: 96%;
	text-align: center;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 50px;
}
}
@media (max-width: 425px) {
	.container .navbar-brand img {
		width:230px;
		height: 27px;
		border: 0;
		padding: 0;
		margin: 0;
	}	
	.container .carousel-caption h1 {
		font-size: 30px;
		width: 100%;
	}
	.container .carousel-caption p {
		margin-bottom: 1.25rem;
		line-height: 1.4;
		font-size: 14px;
	}
.featurette-heading {
		margin-top: 7rem;
	}
.marketing h2 {
		font-size: 20px;
	}
.nav-item {
		font-size: 14px;
		text-align:right;
		width: auto;
		color: white;
	}
.text-muted {
		font-weight: 200;
		font-size: 14px
	}
.featurette-divider {
  margin: 10px 0; /* Space out the Bootstrap <hr> more */
	border-bottom: 2px solid #F00;
	margin-bottom: 0px;
	margin-top: 14px;
}
.carousel {
  margin-bottom: 0.5rem;
	margin-top: 0.5rem;
}
.carousel-item {
	height: 180px;
}
.carousel-item > img {
	position: absolute;
	min-width: 200%;
	left: 0%;
	top:0%;
	margin-left: -200px;
	overflow: hidden
}
.attitude img {
		width:300px;
}
	.email a {
		font-size: 14px;
	}
	.reviews {
		width: 40%;
	}
	.houzz {
		width: 100%;
	}
	.A911 {
		width: 50%;
		margin: 0 auto;
		align-content: center;
		align-items: center;
		text-align: center;
	}
		.A911 img {
		width: 50%;
		margin: 0 auto;
		text-align: center;
	}
}