﻿/*Responsive CSS Overrides*/

@media screen and (max-width: 1120px) {
	
	.border-table,
	.shadow-table{
		width:100%;
		border-spacing:30px;
		margin:auto;
	}
	
}


@media screen and (max-width: 1000px) {
	
	.container{
		width:94%;
	}
	
	#header .container{
		min-height:74px;
	}
	
	#header .logo {
	    margin-left: -125px;
	    width: 250px;
	}
	
	#header .phone{
		font-size:24px;
	}
	
	#navTopContainer ul{
		font-size:16px;
	}
	
	#navTopContainer li{
		margin:0;
	}
	
	#navTopContainer li a{
		padding:14px 8px;
	}
	
}

@media screen and (max-width: 800px) {

	.home #contentBody{
		padding:20px 0;
	}
	
	.home-table,
	.home-table .cell{
		display:block;
	}
	
	.home-table{
		width:94%;
		margin:20px auto;
	}

	.home-table .cell{
		margin-bottom:20px;
	}

}

@media screen and (max-width: 720px) {

	#header{
		text-align:center;
		border-bottom:10px #1A305B solid;
	}
	
	#header .container{
		min-height:0;
		padding:0 0 15px;
	}

	#header .logo {
	    left:0;
	    margin:0 auto -20px;
	    position: static;
	    top: 0;
	    width: 250px;
	}
	
	#header .phone,
	.copyright .social{
		float:none;
	}
	
	#header .phone{
		display:inline-block;
	}
	
	#navTopContainer,
	#header .social{
		display:none;
	}
	
	.content-container{
		font-size:0.875em;
		padding:15px;
	}
	
	.content-container .item:after{
		display:none;
	}
	
	h1,h2,h3,h4,p{
		margin-bottom:10px;
	}
	
	.item .entry,
	#sidebar{
		width:auto;
		float:none;
	}

	
	#footer .copyright{
		text-align:center;
	}
	
	.copyright .social img{
		margin:10px;
	}
	
		
}

@media screen and (max-width: 600px) {

	
	.partner-list .partner-item,
	.partner-list .partner-item:nth-child(3n){
	    float: none;
	    margin:0 auto 20px;
	    width: 80%;
	    text-align:center;
	}

	
	/*Core*/
	
	.columns .half ,
	.columns .third,
	.columns .two-thirds,
	.columns .quarter,
	.columns .three-quarters,
	.padded-columns .half ,
	.padded-columns .third,
	.padded-columns .two-thirds,
	.padded-columns .quarter,
	.padded-columns .three-quarters{
	    margin: auto;
	    width: 98%;
	    float:none;
	}

	div.aligncenter,
	.alignnone,
	.aligncenter,
	.alignright,
	.alignleft,
	.aligncenter,
	a img.alignright,
	a img.alignnone,
	a img.alignleft,
	a img.aligncenter,
	.wp-caption.alignnone,
	.wp-caption.alignleft,
	.wp-caption.alignright {
	    display: block;
	    margin: 5px auto;
	    float:none;
	}

}