@media only screen and (max-width: 1023px){
    
    .main-header{
    
        background-image:-webkit-linear-gradient(rgb(12, 27, 42), rgba(12,27,42,0.3)), url(img/header-big_1024.jpg);
        background-image:linear-gradient(rgb(12, 27, 42), rgba(12,27,42,0.3)), url(img/header-big_1024.jpg);
     }

}


    

@media only screen and (max-width: 768px){
    
        section p{
        font-size:90%;
        font-weight: 300;
        line-height: 140%;
        }
    
        h2{font-size: 150%;}
}
    



@media only screen and (max-width: 480px){
    
        .main-header h1{
            width: 95%;
            font-size: 130%;
            font-weight: 300;
            top:50%;
        }
    

        
    
}