@media only screen and (max-width: 1150px) {
	.boxes .box { width: 47%;}	
}

@media only screen and (max-width: 1070px) {
	header .menu, .top_bar ul { display: none;}
	header .open_menu { display: block;}
	.top_bar a.twitter { border: none; padding-left: 0;}
}

@media only screen and (max-width: 1050px) {
	footer .col_1 { display: none;}
	footer .col { width: 49.3%;}
}

@media only screen and (max-width: 950px) {
	.band .main, .band.band_center .main { width: 100%;}
}

@media only screen and (max-width: 800px) {
	.helpful_articles { padding: 25px 0;}
	.helpful_articles .left, .helpful_articles .right { width: 100%;}
	.helpful_articles .left { margin-bottom: 20px;}
	.bottom_bar { text-align: center; padding: 20px 0;}
	.bottom_bar img { display: block; float: none; margin: 0 auto 10px;}
	.bottom_bar .right { float: none; display: inline-block;}
}

@media only screen and (max-width: 730px) {
	.wrapper { width: 93%;}
	.boxes .box { width: 100%; margin: 0 0 20px; height: auto; padding-bottom: 75px;}
	footer .col_2 { display: none;}
	footer .col { width: 100%;}
	h1 { font-size: 28px;}
	.band h3 { font-size: 23px;}
}

@media only screen and (max-width: 660px) {
	.hero .inner .image { height: 200px; width: 130px;}
	.bottom_bar p { display: inline-block; width: 100%; margin: 5px 0; float: none;}
	.bottom_bar p.hits { width: auto;}
	.bottom_bar p span { display: block; border: none; padding: 0; margin: 0;}
}

@media only screen and (max-width: 600px) {
	.hero { height: 360px;}
	.hero .inner { margin: 30px 0 0 30px; height: calc(100% - 30px);}
	.hero .inner .image { position: absolute; right: 30px; bottom: 30px; width: 100px; height: 160px; border-width: 8px;}
	.hero .inner h2 { font-size: 35px; margin-bottom: 12px;}
	.hero .inner .buttons { margin-top: 30px;}
	.hero .inner .buttons .button { display: block; margin-bottom: 10px;}
	.contact form { margin: 0;}
	.contact form .field { width: 100%; margin: 15px 0 0;}
}

@media only screen and (max-width: 500px) {
	.wrapper { width: 90%;}
	.top_bar { padding: 6px 0;}
	header { margin: 27px 0 23px;}
	header h1, header h2 { width: 200px;}
	header .open_menu { margin-top: 8px; width: 25px;}
	.hero { height: 320px;}
	.hero.internal { height: 150px;}
	.hero .inner { margin: 20px 0 0 20px;}
	.hero .inner h2 { font-size: 30px;}
	.hero .inner h4 { font-size: 20px;}
	.hero .inner h5 { font-size: 17px;}
	.hero .inner .buttons { margin-top: 27px;}
	.hero .inner .image { right: 20px; bottom: 20px; width: 90px; height: 122px; border-width: 6px;}
	.helpful_articles .box { height: 120px;}
	.helpful_articles .right .box { padding: 41px 0;}
	.helpful_articles .right .box.brown { padding-top: 38px;}
	.helpful_articles .text h3 { font-size: 15px;}
	.helpful_articles .right .box h3 { font-size: 16px; letter-spacing: 0.02em;}
}

@media only screen and (max-width: 420px) {
	header h1, header h2 { width: 200px;}
	header .open_menu { margin-top: 9px;}
	.bottom_bar p { font-size: 12px;}
}