/* Table of Contents
––––––––––––––––––––––––––––––––––––––––––––––
- General Content
- Typography
- Header
- Images
- Footer
- Media Queries
–––––––––––––––––––––––––––––––––––––––––––––– */

/* General Content
–––––––––––––––––––––––––––––––––––––––––––––– */
.main{padding-top:2%;}
.row{padding: 1% 0;}
.teal{background-color:#01A6BE;}
.dkblue {background-color: #4e02fc;}
.grey{background-color:#DDD;}
.notices{background-color:#eee;}

/* Typography
–––––––––––––––––––––––––––––––––––––––––––––– */
body{
	font-family: 'Raleway', sans-serif;
	font-size: 1.5em;
	color: #000;
}
h2{	
	font-size: 2em;
}
h3{	
	font-size: 1.6em;
}

h4{	
	font-size: 1.4em;
}


/* Header & Navigation
–––––––––––––––––––––––––––––––––––––––––––––– */
header.main_nav{
	padding: 1% 0;
	display: block;
}
.logo {
	text-align: left;
	font-size: 2em;
	color: #fff;
	text-decoration: none;
	padding: 2px 0 0 0;
	margin: 0;
}

.stilogo {
	text-align: center;
	font-size: 2em;
	color: #fff;
	text-decoration: none;
	padding: 2px 0 0 0;
	margin: 0;
}



.redtext {
	color: red;
}


.backbtn{ text-align: left;}
.backbtn a{
	font-size: 1.6em;
	color: #01A6BE;
	text-decoration: none;	
	padding: 0 10px 0 10px;
	margin: 0;
}
.backbtn a:hover{
	background-color: #01A6BE;
	color: #fff;}

/* Images & Media
–––––––––––––––––––––––––––––––––––––––––––––– */
img{max-width: 100%;}


/* Footer
–––––––––––––––––––––––––––––––––––––––––––––– */

p.copyright{
	text-align: center;
	color: #666;
	font-size: 1em;
}
p.contact{
	text-align: center;
	color: #666;
	font-size: 1.5em;
}
p.reference {
	text-align: left;
	color: #666;
	font-size: .8em;
}


/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––– */
/* Larger than mobile */

@media (max-width: 750px) {
	h2{font-size: 2em;}
	h3{	font-size: 1.5em;}
	.logo {font-size: 1.5em;}
}
@media (max-width: 550px) {	
	.main{padding-top:10%;}
	
}