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

        body {
                margin-left: 45px;
                margin-right: 45px;
                padding: 0; 
                font-family: 'Karla', monospace; 
                font-size: 0.75em;
        }

} 

@media screen and (min-width: 801px) {
        
        body {
                margin-left: 50px;
                margin-right: 50px;
                padding: 0; 
                font-family: 'Karla', monospace; 
                font-size: 1.75em;
        }
}


.wrapper {
        margin: 0 auto;
        width: 100%;
}

h1 {    font-size: 3.5em; 
        line-height: 2em; 
        text-transform: uppercase; 
}
      
li { 
        margin: 15px 0;
}
      
hr {    
        border: 0; 
        margin: 15px 0; 
        text-align: left; 
}
      
hr:before { 
        content: '~'; 
        font-size: 14px; 
        color: #b5b5b5; }
      
a, a:visited { 
        color: #333; 
}
      
a:active, a:hover { color: #369; /* background-image: linear-gradient(180deg,transparent 70%,rgba(255,125,225,.4) 0) */ }
      
small { 
        color: #999; 
}