/*======================================================================
	1500px
----------------------------------------------------------------------*/
@media only screen and (max-width:1500px){
	#blog .wrapper-table						{ max-width: 100%; }
	
	#contact {
		margin-top: -30px;
}
}

/*======================================================================
	1400px
----------------------------------------------------------------------*/
@media only screen and (max-width:1400px){
	#team img.vine								{ width: 400px; bottom: 0px; }
	
	.wrapper-gutters, 
	.wrapper-columns, 
	.wrapper-table 								{ max-width: 100%; padding: 0 5%; }	
	
	#nav .wrapper-table 						{ padding: 0; }		
	#blog .wrapper-table						{ padding: 0; }
	
	.title_wrapper 								{ padding: 0 !important; }
	
	div.title 									{ padding: 40px 40px 40px 7%; }
}


/*======================================================================
	1300px
----------------------------------------------------------------------*/
@media only screen and (max-width:1300px){
	#homer img.logo								{ width: 320px; }
	#homer span									{ font-size: 40px; }

}


/*======================================================================
	1200px
----------------------------------------------------------------------*/
@media only screen and (max-width:1200px){
	
	div.title h1								{ font-size: 60px; }
}


/*======================================================================
	1100px
----------------------------------------------------------------------*/
@media only screen and (max-width:1100px){

	.team-wrapper .pic							{ width: 120px; }	

}


/*======================================================================
	1000px
----------------------------------------------------------------------*/
@media only screen and (max-width:1000px){
	
	.hide1000									{ display: none; }
	.show1000									{ display: block; }
	
	#nav ul li									{ font-size: 16px; }
	
	#homer span									{ font-size: 36px; }
	
	h2.title									{ font-size: 52px; }
	
	#team										{ background-position-x: 30%; }
	
	.form-wrapper.wrapper-table					{ width: 30%; }
	.form-wrapper.wrapper-table:nth-of-type(4n)	{ margin-right: 5%; }
	.form-wrapper.wrapper-table:nth-of-type(3n)	{ margin-right: 0; }
	
	#hero .row .cell {
		font-size: 26px;
	}
	
	#compliance .column-third {
		padding: 20px 0px;	
	}

}


/*======================================================================
	900px
----------------------------------------------------------------------*/
@media only screen and (max-width:900px){
	
	.hide900{
		display: none;
	}
	.show900{
		display: block;
	}
	
	#nav ul li									{ margin-right: 10px; }
	
	.team-wrapper								{ width: 100%; float: none; margin-right: 0; }
	.team-wrapper .pic							{ width: 160px; }	
	.team-wrapper .wrapper-table				{ padding: 0; }

}


/*======================================================================
	800px
----------------------------------------------------------------------*/
@media only screen and (max-width:800px){
	
	.hide800									{ display: none; }
	.show800									{ display: block; }
	
	.wrapper-columns [class*='column-'],
	.wrapper-gutters [class*='column-']			{ width: 100%; float: none; margin-right: 0; }
	
	#nav .wrapper-table div.row div.logo		{ width: 35%; }
	#nav ul										{ display: none; }
	#nav #trigger								{ display: inline-block; font-size: 30px; color: #a07f11; cursor: pointer; }
	
	section										{ padding: 80px 0; }
	
	#hero										{ height: 300px; }
	div.title									{ margin-top: -165px; padding: 30px;}
	div.title-blog { left: 1%;}
	
	div.title h1								{ font-size: 60px; }
	div.title-blog h1							{ font-size: 60px; }
	h2.title									{ font-size: 44px; }
	
	p											{ font-size: 22px; }
	
	.pusher										{ margin-top: 40px; }
	
	#team										{ background-position-x: right; }
	
	#specialties h2.title						{ margin-bottom: 20px; }
	#specialties ul								{ padding: 0; margin: 0; }
	#specialties .column-third 					{ width: 30%; float: left; margin-right: 5%; }
	#specialties .column-third:last-of-type		{ margin-right: 0; }
	
	#blog .wrapper-table,
	#blog .wrapper-table .row,
	#blog .wrapper-table .row .cell				{ display: block; width: 100%; }
	
	#blog .wrapper-table						{ padding: 0; }
	
	
	#footer										{ padding-left: 5%; padding-right: 5%; }
	#footer span								{ display: block; }
	#footer span.hider							{ display: none; }
	
	ul.footnav li a								{ padding: 10px; }
	#footer p:last-of-type						{ padding: 0 5%; }
	
	.form-wrapper.wrapper-table					{ width: 47.5%; }
	.form-wrapper.wrapper-table:nth-of-type(3n)	{ margin-right: 5%; }
	.form-wrapper.wrapper-table:nth-of-type(2n)	{ margin-right: 0; }
	
	#mobilemenu									{ background: #1a3b56; padding: 20px 5%; }
	#mobilemenu ul								{ margin: 0; padding: 0; list-style: none; }
	#mobilemenu ul li							{ width: 47.5%; float: left; margin-top: 0; border-bottom: 1px solid rgba(255,255,255,0.25); }
	#mobilemenu ul li:nth-of-type(odd)			{ margin-right: 5%; text-align: right; }
	#mobilemenu ul li a							{ display: block; color: #fff; padding: 5px 0; }
	#mobilemenu ul li:first-of-type,
	#mobilemenu ul li:nth-of-type(2)			{ border-top: 1px solid rgba(255,255,255,0.25); }
	
	.title_wrapper 								{ padding-left: 30px !important; }
	
	div.title-blog {
	    bottom: 4px;
	    left: 20px;
	}
	
	blockquote {
	margin-left: 0;
	display: block;
	float: none;
    width: 100%;
    padding: 40px;
    }
    
    #contact {
	    margin-top: -50px;
	}
	
	.staffpic {
		text-align: left;
		padding-bottom: 20px;
	}

}


/*======================================================================
	700px
----------------------------------------------------------------------*/
@media only screen and (max-width:700px){
	
	.hide700{
		display: none;
	}
	.show700{
		display: block;
	}
	
	#nav .wrapper-table div.row div.logo		{ width: 45%; }
	
	#homer span									{ font-size: 32px; }
	.downArrow									{ bottom: 10px; }
	ul#menu-home-nav							{ bottom: 80px; }
	ul#menu-home-nav li							{ font-size: 16px; }
	
	#hero										{ height: 250px; }
	div.title									{ padding-bottom: 0px;}
	
	.team-wrapper .pic							{ width: 120px; }
	
	#hero .row .cell {
	    padding: 15px 30px;
	}

}


/*======================================================================
	600px
----------------------------------------------------------------------*/
@media only screen and (max-width:600px){
	
	.hide600									{ display: none; }
	.show600									{ display: block; }	
	
	section										{ padding: 60px 0; }
	section.no-top {
    padding-top: 40px;
}
	
	p											{ font-size: 19px; }
	ul.staffers									{ padding-left: 0; text-align: center;}
	ol li, ul li								{ font-size: 19px; }
												
	#homer img.logo								{ width: 280px; position: relative; z-index: 2; }
	#homer.wrapper-table 						{ height: 100%; }
	#homer.wrapper-table .fader					{ height: 200px; }
	.downArrow									{ left: 45%; }
	
	#hero										{ height: 200px; width: 100%; margin-bottom: 20px;}
	.wrapper-columns.target 					{ padding: 0; }
	div.title 									{ margin-top: -130px; margin-bottom: 0; margin-left: -10px;}
	div.title h1								{ font-size: 50px; } 
	div.title-blog h1 							{ font-size: 30px;}
	
	#specialties .wrapper-gutters .column-third 				{ width: 47.5%; }
	#specialties .wrapper-gutters .column-third:first-of-type	{ display: none; }
	#specialties ul												{ padding-left: 20px; }
	
	#quote .cell div							{ padding: 10%; }
	#quote .wrapper-table						{ padding: 0; }
	
	#blog h3									{ margin-top: 100px; }
	
	.team-wrapper .pic							{ width: 100px; }
	
	.secondary_title 							{ padding-top: 40px !important; padding-left: 0 !important; }
	
	.staffpic 									{ text-align: center; padding: 50px 0;}
	
	#hero .row .cell {
		font-size: 24px;
		padding: 20px 40px;
	}
	
	.annoucement .row .cell .content {
		padding: 25px;
	}

}


/*======================================================================
	500px
----------------------------------------------------------------------*/
@media only screen and (max-width:500px){
	
	.hide500									{ display: none; }
	.show500									{ display: block; }
	
	#homer img.logo								{ width: 220px; position: relative; z-index: 2; }
	
	ul#menu-home-nav 							{ display: none; }
	
	#specialties .wrapper-gutters .column-third { width: 100%; float: none; margin-right: 0; }
	
	.form-wrapper.wrapper-table					{ width: 100%; float: left; margin-right: 0; margin-bottom: 40px; }
	
	#nav										{ height: 100px; }
	#nav .wrapper-table div.row div.logo		{ width: 60%; }
	
	div.title-blog								{ left: inherit;}
	div.title-blog h1							{ padding-right: 0;}
	img.alignright 								{ float: right; margin: 0 auto; display: block; padding-bottom: 10px;}

	
.title.team-title.secondary_title {
    margin-top: -130px;
    margin-bottom: 30px; }
	
	#contact {
    padding-top: 30px;
}




/*======================================================================
	400px
----------------------------------------------------------------------*/
@media only screen and (max-width:400px){
	
	#contact { padding-top: 30px; }
	
	.hide400{
		display: none;
	}
	.show400{
		display: block;
	}
	
	section										{ padding: 40px 0; }
	
	section.no-top { padding-top: 30px; }
	
	#nav										{ height: 80px; }
	
	#quote										{ padding-bottom: 0; }
	#quote .cell.photo							{ display: none; }
	
	div.title, div.title-blog 					{ margin-top: -200px; margin-left: -15px;}
	
	#hero .row .cell {
		font-size: 17px;
		padding: 20px 30px;
	}
	

}


/*======================================================================
	300px
----------------------------------------------------------------------*/
@media only screen and (max-width:300px){
	
	.hide300{
		display: none;
	}
	.show300{
		display: block;
	}
	
}