@media only screen and (max-width: 959px) {
#main {
	top: 67px
}
nav ul {
	height: 40px
}
nav li a, nav li a:visited, nav li a:focus {
	display: inline-block;
	height: 40px;
	width: auto;
	padding: 23px 15px 0 15px
}
nav li a span {
	display: none
}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
header h1, header h1 a, header h1 a img {
	max-height: 60px
}
.hide-for-mobile {
	display: none
}
}
@media only screen and (max-width: 767px) {
.container .column.box, .container .columns.box, .container .box .column, .container .box .columns {
	width: 280px
}
.box.featured {
	margin-top: 10px;
	margin-bottom: 10px
}
.container .row.box {
	padding: 10px
}
header h1.logo.one-third.column {
	width: 50px
}
header nav.menu.two-thirds.column {
	width: 370px
}
header h1.logo img {
	display: none
}
header h1.logo img.mobile-only {
	display: block
}
label, legend {
	text-align: left;
	padding: 0 0 10px 5px
}
label span, legend span {
	display: inline;
	margin-left: 10px
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
nav li a, nav li a:visited, nav li a:focus {
	padding: 23px 10px 0 10px
}
.container .column.box, .container .columns.box, .container .box .column, .container .box .columns {
	width: 400px
}
}
@media only screen and (max-width: 479px) {
#main {
	top: 57px
}
nav li a, nav li a:visited, nav li a:focus {
	padding: 17px 3px 0 3px
}
nav ul {
	height: 30px
}
header h1.logo.one-third.column {
	width: 30px;
	margin-top: 6px
}
header nav.menu.two-thirds.column {
	width: 270px
}
}