/* Small Window Widths */

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

body {
	font-size: 21px;
}

#left,
#right {
	margin: 0 0;
	margin-bottom: 1.2em;
	top: auto;
	left: auto;
	width: 100%;
	padding: 0 0;
	position: relative;
}

header {
	margin-top: 65px;
}

main {
	padding: 50px 50px 50px 50px;
}

#home main {
	-webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1;
}

.col {
	width: 100%;
	margin: 0 0;
	padding: 0 0;
}

.col:last-child {
	padding-bottom: 50px;
}

h1 {
	font-size: 30px;
}

.num,
#bio  {
	font-size: 20px;
}

#projects ul:hover .title,
#projects ul:hover .medium,
ul:hover .num:after,
ul:hover #timer:before,
a:hover,
input[type=submit]:hover {
	color: #000;
}


}