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

    html{
        padding:0;
        background: #AAA;
        text-align:center;
        margin:30px 0 0  0;
        padding: 1%;
        width:100%;
    }
    
    
    body {
        margin: 0;
        padding: 0;
        overflow-x:hidden;
        font-family: Arial;
        font-size: 16px;
        width: 98%;
    }
    
    
    header{
        position: relative;
        top:0;
        left:0;
        padding: 5px 10px;
        background: #150a05 url(../img/bg.png);
        box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.4);
        position: fixed;
        text-decoration: none;
        width: 100%;
        z-index: 1;
        text-align: left;
    }
    
    header nav{
        display: none;
    }
    
    section{
        margin:10px;
        padding: 10px 0;
        line-height: 20px;
    }
        
    footer {
        height:80px;
        padding-right:10px;
    }

}