@charset "utf-8";

*{  
	margin:0px;
	padding:0px;
}

@-webkit-keyframes myfadein {
	0% {opacity:0.0;}
	100% {opacity:1.0;}
}

@keyframes myfadein {
	0% {opacity:0.0;}
	100% {opacity:1.0;}
}

body{
	
	font-family: open_sansregular, sans-serif;
	width:100%;
	background: #ddd;
	background-image: url("images/red_tile.png");
    background-repeat: repeat-x;
    margin:0px;
    padding:0px;
}

#grid_container {		
	margin:0 auto; 
	width: 100%;
	min-width: 1240px;
	/*min-width required to prevent desktop size
	backgrounds from disapearing or being disrupted as you
	bring in the browser window*/
	animation: myfadein .5s linear;
	-webkit-animation: myfadein .5s linear; 
	/*these nessisary for the keyframe fade-in*/
	

}

.inner_wrapper { 
	width: 1200px;
	/*min-width: 100%;*/
	margin:0 auto;
}

header{
	
	width: 100%;
	margin:0 auto;
	padding: 0;


}

#header_container{
	margin:0 auto;
    padding:0px;
	
}

.mobile_header{
	display:none;
}

.top_logo{
	margin:0 auto;
	width:1096px; /*1200 fixes*/
	padding:0px;
	height:289px;
}

.desktop{
	padding:0px;
	margin:0px;
}

#nav_social_bar{
	background: #111;
	padding:0px;
	border-bottom: 7px solid #777;
}

.nav_social_line{
	margin:0 auto;
	width:965px;
	margin-bottom: 0px;
	padding-bottom: 30px;
	padding-top:25px;
	height: 40px;
}

.phone_box{
	float:left;
	padding-bottom: 0px;
}

.top_nav{
	float:left;
	padding-top: 10px;
	padding-left:20px;
}

.nav_links{
	font-family: open_sansregular, sans-serif;
	color: rgb(255,255,255);
	text-decoration: none;
	padding-left:35px;
	font-size: 25px;
	text-shadow: -2px 3px #333;
	border-right: 3px solid #333;
	padding-right: 35px
}

.contact_links{
	font-family: open_sansregular, sans-serif;
	color: rgb(255,255,255);
	text-decoration: none;
	padding-left:35px;
	font-size: 25px;
	text-shadow: -2px 3px #333;
}

.top_social_icons{
	float:left;
	padding-left: 50px;
	margin-right:2px;
	padding-top:3px;

}

.top_social_icons a{
	display:block;
	width:44px; 
	height:41px; 
}

.top_social_icons div{
	float:left;
	width:44px; 
	height:41px; 
}

.top_social_icons div.linked{ 
	background:url("images/social_icons.png") 0px 0px; 
	margin-right: 5px; 
}

.top_social_icons div.google{
	background:url("images/social_icons.png") -54px 0px;
	margin-right: 5px; 
}

.top_social_icons div.pinterest{
	background:url("images/social_icons.png") -108px 0px;
}

#bullets{

	/*background:url("images/big_top_pic.png");
	background-position: 100% center top;
	background-size: 100%;
	background-repeat: no-repeat;
	height: 550px;*/

	background:url("images/px_by_Gre3g.png");
	height: 450px;

}

.left_right{
	 
	margin: 0 auto;
	width:1005px;
	padding-top:100px;
}

main{
	margin: 40px;
}

.mission{
	width:400px;
	margin:0 auto;
	font-size: 28px;
	font-family: open_sansregular, sans-serif;
	color:#777;
	text-align: center;
	letter-spacing: 5px;
}

.mission_text{
	width:800px;
	margin:0 auto;
	font-size: 18px;
	font-family: open_sanssemibold, sans-serif;
	color:#b10000;
	padding-top:25px;
	text-indent: 30px;
	line-height: 150%;
}

.section_h2{
	font-size: 26px;
	font-family: open_sansregular, sans-serif;
	color:#777;
	padding-top:40px;
}

.main_article{
	margin:0 auto;
	width:800px;
	/*background: green;*/
}

.main_page_title{
	font-size: 26px;
	font-family: open_sansregular, sans-serif;
	color:#777;
	padding-top:40px;
}

.main_headings{
	margin:0 auto;
	width:800px;
	font-size: 22px;
	font-family: open_sansregular, sans-serif;
	color:#b10000;
	padding-top:40px;
}

.main_paragraphs{
	margin:0 auto;
	width:800px;
	font-size: 17px;
	font-family: open_sanssemibold, sans-serif;
	color:#333;
	padding-top:25px;
	text-indent: 30px;
	line-height: 200%;
}

.contact_info{
	margin:0 auto;
	width:400px;
	/*background: red;*/
}

.contact_info_text{
	font-size: 18px;
	font-family: open_sanssemibold, sans-serif;
	color:#777;
	padding-top:40px;
	text-align: center;
	float:left;
	padding-right:40px;
	line-height: 150%;
	padding-bottom: 60px;

}

iframe{ 
	/*display:none; */
	margin-top: 50px;
}

/* BELOW READ MORE BUTTON CSS*/

input.read_more_toggle { 
	display:inline;
	float:right;
	display:none;
	padding:0px;
	font-family: open_sansextrabold, sans-serif;
	font-size: 24px;
	line-height:45px;
	color:#3f3e3e;
	border:none;
	background:transparent;
	cursor:pointer;
	text-transform: uppercase;
}

/*on an input tag the browser shows which tag is 
focused by showing a faint blue outline. Below removes it*/

input.read_more_toggle:focus {  
	outline:none;
}

footer{
	background-image: url("images/grey_pattern.png");
	border-top: 7px solid #222;
	clear:both;
}

.footer_text{
	width:600px;
	margin:0 auto;
}

.name_add{
	font-size: 15px;
	font-family: open_sanssemibold, sans-serif;
	color:#b10000;
	padding-top:65px;
	text-indent: 30px;
	line-height: 150%;
	text-align:center;

}

.copyright{
	font-size: 15px;
	font-family: open_sanssemibold, sans-serif;
	color:#666;
	padding-top:15px;
	text-indent: 30px;
	line-height: 150%;

}

.review{
	font-size: 15px;
	font-family: open_sanssemibold, sans-serif;
	color:#666;
	padding-top:15px;
	text-indent: 30px;
	line-height: 150%;
}

.link_wrap{
	font-size: 15px;
	font-family: open_sanssemibold, sans-serif;
	color:#b10000;
	padding-top:15px;
}

.privacy_terms_nav{
	width:350px;
	margin:0 auto;
	padding-top:40px;
	padding-bottom: 45px;
}

.terms_nav_links{
	font-size: 18px;
	text-decoration: none;
	font-family: open_sanssemibold, sans-serif;
	color:#ccc;
	padding-right: 20px;
}

/*=================================================================
================================ @MEDIA =========================
=================================================================*/

@media (max-width: 650px) { 

	body { 
		width:100%;
		margin:0;
		padding:0;
	}

	#grid_container {
		width:100%;
		margin:0;
		padding:0;
		min-width:0;
	}

	.inner_wrapper { 
		width: 100%;
		margin:0;
		padding:0;
		
	}

	header{
		background-image: url("images/blu_tile.png");
		height:750px;
		margin:0 auto;
		padding: 0;
	}

	#header_container{
 		/*background-image: none;*/
 	}

 	.mobile_header{
		display: block;
		width:100%;
		margin:0;
		padding:0;
		float:left;
	}

 	.mobile_logo img{
 		width:100%;
 		float:left;
 		padding-top:20px;
 		
 	}

 	.mobile_logo_2 img{
 		width:100%;
 		float:left;
 	}

 	.mobile_phone img{
 		width:100%;
 		float:left;
 	}

 	.home_button img{
 		width:100%;
 		float:left;
 		margin:0;
 		padding:0;
 	}

 	.about_button img{
 		width:100%;
 		float:left;
 		margin:0;
 		padding:0;
 	}

 	.contact_button img{
 		width:100%;
 		float:left;
 		margin:0;
 		padding:0;
 	}

 	.mobile_social{
 		margin:0 auto;
 		width: 150px;
 		padding-top: 40px;
 	}

 	.mobile_social img{
 		display:block;
 		width: 150px;
 	}

 	#bullets{
 		display:none;
 	}

 	#content_container{
 		width:100%;
 		margin:0 auto;

 	}

 	.mission{
 		width:80%;
 	}

 	.mission_text{
 		width:80%;
 		margin:0 10%;
 	}

 	.main_article{
 		width:80%;
 
 	}

 	.main_headings{
 		width:80%;
 	}

 	.main_paragraphs{
 		width:80%;
 	}

 	.contact_info{
 		width:100%;
		margin:0 auto;
		padding-top:30px;
 	}

 	.contact_info_text{
 		width:100%;
		margin:0;
		padding:0;
		padding-bottom: 30px;
 	}

 	.contact_info_text p{
 		
 		padding:0;	
 		width:80%;
 		margin:0 10%;
 	}

 	iframe{
		margin:0 10%;
		width:80%;
		height: 225px;
		margin-bottom:45px;
 	}

 	footer{
		background-image: url("images/grey_pattern.png");
		border-top: 7px solid #222;
		clear:both;
	}

	.footer_text{
		width:80%;
		margin:0 auto;
		padding:0;
	}

	.name_add{
		padding:25px;
	}

 	#nav_social_bar{
 		display:none;
 	}

 	.top_logo{
 		display:none;
 	}

 	.top_nav{
 		display:none;
 	}

 	.top_phone{
 		display:none;
 	}

 	.top_social_icons{
 		display:none;
 	}

 

 	#logo_bullets{
 		display:none;
 		
 	}

 	.privacy_terms_nav{
		width:80%;
		
	}
}

@media (max-width: 525px) {

	header{
		background-image: url("images/blu_tile.png");
		height:480px;
		margin:0 auto;
		padding: 0;
	}

	.home_button img{
 		width:100%;
 		float:left;
 		margin:0;
 		padding:0;
 	}

 	.about_button img{
 		width:100%;
 		float:left;
 		margin:0;
 		padding:0;
 	}

 	.contact_button img{
 		width:100%;
 		float:left;
 		margin:0;
 		padding:0;
 	}
}