@media only screen and (min-width: 1000px) and (max-width: 1400px) {

	.container { width:100%; padding-left:30px; padding-right:30px; }
	
	#header .header-right a.icon { display: none; }

}


@media only screen and (min-width: 1024px) and (max-width: 1300px) {

	.contact-icon {display: none !important;}
	
}


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

	h1 { font-size:28px; }
	h2 { font-size:24px; }

	.container { width:100%; padding-left:30px; padding-right:30px; }
	.view-desktop { display:none; }
	.view-mobile { display:block; }
	.button { letter-spacing:1px; }

	/* header */
	#header { padding:15px 0; }
	#header .container { display: flex; }

	#header .header-right { display: none !important; }
	#header .header-left { display:flex; align-items: flex-start; }
	#header .menu-icon { font-size:28px; margin:0 0 0 auto; }
		#header .menu-icon:hover { color:#F5891D; }

	#header .menu-container { 
		padding:55px 20px; left:auto; text-align:left; color:#FFF; background:#000; height:100vh; overflow-y:auto; position:fixed; width:100%; right:-100%; top:0; z-index:10000; transition:all 0.3s linear; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; 
	}
		#header .menu-container nav { margin:0 0 50px 0; }
		#header .menu-container nav ul { display:block; }
		#header .menu-container nav li { margin:0 0 10px 0; display:block; }
		#header .menu-container nav li a { color:#FFF; }
		#header .menu-container nav li a:hover,
		#header .menu-container nav li.current_page_item a { color:#F5891D; }
		#header .menu-container nav li:last-child { margin:0; }

		#header .menu-container .contact-information a { font-size:14px; color:#FFF; font-weight:700; margin:0 0 20px 0; display:inline-block; }
		#header .menu-container .contact-information a:hover { color:#F5891D; }
		#header .menu-container .contact-information a span { display:inline-block; vertical-align:middle; margin:0 5px 0 0; color:#F5891D; font-size:20px; }
		#header .menu-container .contact-information .button { margin:0; }
		#header .menu-container .contact-information .button:hover { color:#FFF; }

	/* footer */
	#footer { text-align:center; padding:30px 0; }
		#footer .container { display:block; }
		
		#footer .footer-left { display:block; width: 100%;}
			#footer .footer-left .logo { display:block; width:110px; margin:0 auto 20px auto; }
			#footer .footer-left a { font-size:14px; color:#FFF; font-weight:700; margin:0 0 20px 0; display:inline-block; }

			#footer .social-links { display: inline-block; margin: -3px auto 0 auto; }
				#footer .social-links li,
				#footer .social-links li:last-child { margin:0; display: inline-block; }
		
		#footer .footer-right {width: 100%;}
			#footer .footer-right p { text-align:center; margin: 10px 0; }

		#footer-hero p {font-size: 21px;}

	/* shared */
	#hero h1 {font-size: 42px;}
	.page-content {width: 100%; float: none;}
		.page-content h2 {font-size: 24px;}
	aside {float: none; width: 100%; margin: 50px auto 0 auto; border-top: solid 1px #BEBEBE; padding: 50px 0 0 0;}
		aside p {max-width: 640px; margin-left: auto; margin-right: auto;}
		aside .form-field {max-width: 640px; margin-left: auto; margin-right: auto;}
	
	/* home */
	#home-hero { height: auto; min-height:700px; }
		#home-hero h1 { font-size:36px; letter-spacing:2px; }
		#home-hero p { font-size:16px; }

	/* blog */
	#posts-grid ul { display:block; }
		#posts-grid ul li { width:100%; margin:0 auto 50px auto; max-width:500px; }
		#posts-grid ul li:last-child { margin:0 auto; }
	
	/* form */
	.form-field .wpcf7-submit {float: left;}
	
}


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

	.container { padding-left:20px; padding-right:20px; }

}