@charset "UTF-8";
/* CSS Document */

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (max-width : 430px)  {body { background-color:#000;
}

.text-muted {
	font-size: 20px;
	color: #d0d4d0;
	padding-right:0px;
	
}
.jumbotron  { margin-bottom:0px;}

#myCarousel{margin-top: 0px;
	margin-bottom:0px;
	padding-top:20px;
	height:230px;
	}
	.contactinfo.well {
	margin-bottom: 20px;
	margin-right:20px;
	padding-left:0px;
	padding-bottom:0px;
}	

p.quote2{ font-size:20px;}

} /*blue Portrait Phone*/

@media only screen 
and (min-width : 431px)  {body { background-color:#000;
}
.jumbotron h1 {
	font-size: 50px;
}
.jumbotron h2 {
	font-size: 20px;
}
.img-responsive{ width:30%;
margin-top: 10px;
margin-bottom:10px;
margin-left:auto;
margin-right:auto;
}
.contactinfo.well {
	margin-bottom: 20px;

}

} /*red*/

@media only screen 
and (min-width : 460px)  {body { background-color:#000;
}
.jumbotron  { margin-bottom:0px;
margin-top:30px;}

#myCarousel{margin-top: 0px;
	margin-bottom:0px;
	padding-top:20px;
	height:230px;
	}
	

	
	#myCarousel .item { height: 180px; }
	
	 #slide1 {
	background-image:url(../images/carousel_small_01.jpg);
	 }
	 
	
	
	 #slide2 {
	background-image:url(../images/carousel_small_02.jpg);
	 }
	 
	
	 
	 #slide3 {
	background-image:url(../images/carousel_small_03.jpg);
	 }
	 
	 .img-responsive{ margin-bottom:30px;}
	 
.contactinfo.well { margin-top:20px;}	 

} /*purple Landscape Phone*/


@media only screen 
and (min-width : 760px)  {body { background-color:#000;}

#myCarousel{margin-top: 0px;
	margin-bottom:0px;
	padding-top:20px;
	height: 430px;
	}
	

	
	#myCarousel .item { height: 380px; }
	
	 #slide1 {
	background-image:url(../images/carousel_medium_01.jpg);
	 }
	 
	
	
	 #slide2 {
	background-image:url(../images/carousel_medium_02.jpg);
	 }
	 
	
	 
	 #slide3 {
	background-image:url(../images/carousel_medium_3.jpg);
	 }


	 .jumbotron h1 {
	font-size: 70px;
}

.jumbotron h2 {
	font-size: 25px;
	margin-top: 0px;
	list-style-type: none;
}

.contactinfo.well { font-size:24px;
margin-right:20px;

} /*orange Portrait Ipad */



@media only screen 
and (min-width : 900px)  {body { background-color:#000;;
} 

.jumbotron{ padding-bottom:0px;
	
	}
	
.jumbotron h1{ margin-bottom:0px;
	
	}	
	
.jumbotron h2 {
	font-size: 25px;
	margin-top: 0px;
	list-style-type: none;
}

#myCarousel{margin-top: 0px;
	 padding-top: 20px;
	height:230px;
	}
	

	
	#myCarousel .item { height: 180px; }
	
	 #slide1 {
	background-image:url(../images/carousel_small_01.jpg);
	 }
	 
	
	
	 #slide2 {
	background-image:url(../images/carousel_small_02.jpg);
	 }
	 
	
	 
	 #slide3 {
	background-image:url(../images/carousel_small_03.jpg);
	 }
	 
	 .img-responsive{ width:100%;
margin-top: 10px;
margin-bottom:10px;
margin-left:auto;
margin-right:auto;
}

.contactinfo.well { padding-left:0px;
font-size:24px;
margin-top:90px;
}

} /*black Landscape Ipad*/




@media only screen 
and (min-width : 1260px)  {body { background-color:#000;
}

#myCarousel{margin-top: 0px;
padding-top:20px;
	
	height:230px;
	}
	

	
	#myCarousel .item { height: 180px; }
	
	 #slide1 {
	background-image:url(../images/carousel_small_01.jpg);
	 }
	 
	
	
	 #slide2 {
	background-image:url(../images/carousel_small_02.jpg);
	 }
	 
	
	 
	 #slide3 {
	background-image:url(../images/carousel_small_03.jpg);
	 }
	 
	.jumbotron{ margin-bottom:80px;}	 
}
/*yellow Large Desktop*/

