body {
    color: #303030;
    background-color: #fcfcb0;
    font-family: 'Lato', 'FreeSans', 'noto sans', 'lato', 'sans-serif';
    font-size: 1.4em;
    line-height: 1.1em;
    padding-left: 10%;
    padding-right: 10%;
}

img {
    width: 100%;
    max-width: 500px;}

code {
    font-family: 'Lato Mono', 'FreeMono', 'noto mono', 'sans-mono';
    color: #323534;
    background-color: #FDD8FD;
    margin-right: 30%;
}

pre {
    background-color: #FDD8FD;
    color: #323534;
    font-size: .9em;
    line-height: 2em;
    margin-right: 5%;
}

p { line-height: 1.4em;}

h1, .nav {
    padding-bottom: 15px;
    border-bottom: 2px dashed #CCC9C1;
}

h2, h3 {
    color: #54544B;
    font-size: 1.2em;
}

ul li {
    line-height: 1.2em;
    color: #54544B;
    list-style-type: disc;}

.nav li {
    display: inline-block;
    padding-right: 2%;
    margin-right: 2%;
}

a {
    text-decoration:none;
    color: #FE6119;
}

a:hover, a:visited:hover {
    text-decoration:none;
    color: #FE1944;
}

a:visited {
    color: #CB4D14;
    text-decoration: none;
}

footer {
    font-size: 0.8em;
    color: #8A8A6B;
    border-top: 2px dashed #CCC9C1;
    margin-top: 3%;
}

.container {
    max-width: 50em;
}



@media only screen and (max-width: 1800px) {
    p { line-height: 1.3em;}
      
      pre {
	  margin-right: 0;
	  line-height: 1.2em;
      }
}


@media only screen and (max-width: 1177px) {
    body {
	line-height: 1.1em;
    }
    pre {
	margin-right: 0;
	line-height: 1.5em;
    }
    
    h2, h3, h1 {
	font-size: 2.3em;
	line-height: 2.3em;
    }
    
    p {
	font-size: 1.3em;
	line-height: 1.7em;
    }
    
    li a {font-size: 1.4em;}
    
    body{
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 0px;
	margin-left: 0px;
    }
    
    footer {
	font-size: .7em;
    }
}