@charset "utf-8";
/* --------------- MEDIA QUERYS ---------------*/
@media screen and (max-width: 80em) { /* 1280px - 720px */
body{
	font-size: 0.8em;
}
nav{
	bottom: 4em;
}
.cont_1{
	margin-top: 20%;
}
.cont_2{
	margin-top: 20%;
}
.start{
	margin-top: 21.5%;
}
}
@media screen and (max-width: 65em) {
body {
	font-size: 0.7em;
}
.overlay h2{
	font-size: 1em;
}
.pre{
	margin-top: 4%;
}
.umich_text{
	margin-top: 2%;
}
}
@media screen and (max-width: 55em) {
body {
	font-size: 0.6em;
}
nav{
	bottom: 6em;
}
ul li img {
	width: 40px;
}
.pre{
	margin-top: 5%;
}
.refbox{
	padding-left: 5%;
}
.ref{
	width: 90%;
}
}
@media screen and (max-width: 40em){ /* 640px - 480px */
body {
	font-size: 0.5em;
}
nav{
	bottom: 7em;
	margin-right:2.33%;
}
ul li img {
	width: 25px;
}
.cont_1{
	margin-top: 25%;
}
.cont_2{
	margin-top: 25%;
} 
.start{
	margin-top: 28.5%;
}
.pre{
	margin-top: 7%;
}
.umich_text{
	margin-top: 3%;
}
}
@media screen and (max-width: 30em) {
body {
	font-size: 0.3em;
}
nav{
	bottom: 12em;
	margin-right:2%;
}
ul li img {
	width: 15px;
}
.overlay h2{
	padding: 1px;
}
.cont_1{
	margin-top: 30%;
}
.cont_2{
	margin-top: 30%;
} 
.start{
	margin-top: 37%;
}
.pre{
	margin-top: 10%;
}
.umich_text{
	margin-top: 4%;
}
}
/* --------------- GRID ---------------*/
.col-1 {
	width: 8.33%;
}
.col-2 {
	width: 16.66%;
}
.col-3 {
	width: 25%;
}
.col-4 {
	width: 33.33%;
}
.col-5 {
	width: 41.66%;
}
.col-6 {
	width: 50%;
}
.col-7 {
	width: 58.33%;
}
.col-8 {
	width: 66.66%;
}
.col-9 {
	width: 75%;
}
.col-10 {
	width: 83.33%;
}
.col-11 {
	width: 91.66%;
}
.col-12 {
	width: 100%;
}