@media all and (max-width: 480px) and (orientation: portrait) {

    body {
       font-size: 24px;
    }
    
    nav ul {
        display: none;
    }
    
    nav ul li {
        display: block;
    }
    
    p {
        width: 100%;
    }
    
    .social {
        display: none;
    }
    
    .mobile {        
        position: absolute;
        right: 10px;
        top: 25px;
        font-size: 1.5em;
        display: block;        
    }
    

}