@charset "UTF-8";
/* CSS Document */

body {
	font-family: "brandon-grotesque", Helvetica, Arial, Sans-Serif;
	margin: 40px 60px 200px 60px;
}

p, li {
	font-size: 21px;
	line-height: 1.4em;
}

li {
	font-size: 21px;
}

ul {
	list-style:none;
	margin: 0;
}

.boxed a {
	display:inline-block;
	border: 2px #222 solid;
	padding: 0px 12px;
	margin-bottom: -2px;
	transition: all 0.2s;
}

.boxed a:hover {
	background: #000;
	color: #FFF;
}

.logo {
	width:110px;
	border: 0;
}

hr {
	border:none;
	height: 4px;
	background: #222;
	width: 50px;
}

.whatido {
	display:block;
	width: 540px;
	margin: 100px 0 100px 0;
}

footer {
	margin: 100px 0 50px 0;
}

/* */

@media only screen and (max-width: 40em) { 

body {
	margin: 30px 20px 200px 20px;
}

.logo {
	width:80px;
}

.whatido {
	margin: 60px 0 40px 0;
}

hr {
	height: 4px;
}

p, li {
	font-size: 20px;
	line-height: 1.4em;
}
	
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */