body {
padding:0;
margin:0;
background-color: #12193d;
color: #fff;
font: 0.9em arial,sans-serif;
}

a:link, a:visited, a:hover, a:active {
text-decoration: none;
}

a:link, a:active {
color: #77adf0;
}

a:hover {
color: #a0c3ef;
}

a:visited {
color: #77adf0;
}

img {
border: 0;
max-width: 100%;
height: auto;
}

#header {
background-color: #3278b4;
padding-left: 1em;
padding-right: 1em;
}

#main {
padding-top: 5px;
padding-bottom: 12px;
margin: 0;
}

.pure-g {
padding-left: 8px;
padding-right: 8px;
}
	
.img-padding {
width: 93%;
margin: 8px;
}

#about {
padding-top: 5px;
padding-bottom: 5px;
background-color: #090e23;
}

#about p {
padding-left: 20px;
padding-right: 20px;
}


h1.main-header, h2.sub-header {
padding-left: 8px;
text-align: left;
font: normal 1em sans-serif;
color: #f9f69d;
}

#footer {
padding: 10px;
font: 0.8em arial,sans-serif;
color: #000;
text-align: center;
background-color: #80b6ee;
}

#footer img {
vertical-align: middle;
}