@charset "UTF-8";

html{
height:100%;
width:100%;
}

body {
height:100%;
width:100%;
margin:0;
padding:0;
color:#333;
font-family:Georgia,Times,serif;
font-size:16px;
line-height:20px;
}

.colophon{
width:80%;
margin:0 auto 80px;
}

h1 {
text-align:center;
font-size:2em;
margin:30px 0 0 0;
}

h2{
margin:50px 0 0;
font-size:1.5em;
padding-bottom:10px;
border-bottom:1px solid #333;
}

h3{
font-size:1.2em;
}

img {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-bottom: 20px;
max-width: 100%;
}

blockquote{
width:70%;
margin:0 auto 0;
padding:0;
border-left:1px solid #333;
padding-left:20px;
font-size:1.5em;
line-height:1.5em;
font-style:italic;
color:#666;
}

.centered{
text-align:center;
}


.screenshot{
text-align:center;
margin-top:40px;
}

.author{
display:block;
float:right;
color:#aaa;
}

a{
color:#ff0000;
}

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

ul{
margin-left:6%;
padding:0;
}

li{
padding:0;
margin:0;
}

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

body {
font-size:18px;
line-height:22px;
}

}


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

body {
font-size:20px;
line-height:24px;
}

}