/* CSS Document */

@media screen and (max-width:940px) {

}

@media screen and (min-width:940px) {
	
	.nav-bar { padding-left:7px; }
	
	.nav-bar > li > a:first-child {padding:0 10px 0px 10px;margin:0;}
	
	
		
	
}

@media screen and (max-width:940px) and (min-width:768px) {
	.nav-bar { padding-left:10px; }
	.nav-bar > li > a:first-child {padding: 0 6px;margin:0; color:#FFFFFF;}
	
	body{
	background:url(/images/bg-tablet.jpg) no-repeat top center  #ffffff;
	}

.crac {
		font-size:1.2em;
		line-height:1.3em;
		color:#ffffff;
		}
		
}

@media screen and (max-width:767px) {
	body{
	background:none; 
	}
	.header_title {
		font-size:1.5em;
		line-height:1em;
		color:#43A8BF;
		}
		
		.crac {
		font-size:1.2em;
		line-height:1.2em;
		color:#43A8BF;
		}

	.telno {
	font-size:1.2em;
		line-height:1.2em;
		color:#43A8BF;
		float:left;
		width:80%;
 
}

.telno a:link
{float:left;
 color:#43A8BF;
}
.email_header {
	font-size:1em;
		line-height:0.8em;
		color:#43A8BF;
		float:left;
 
}

.email_header a:link
{float:left;
 color:#43A8BF;
}

	
.row{
}
.columns{
	margin:0px 10px;padding:0px;	
}
	hr.hide-for-phone{
		display:none;
	}
}

////////////////////////////////////////
/****** foundation.css line 1024 altered for atrefrigeration site to make the menu swap out at 768 for mobiles not 940 which was for tablets as well - RP*/
