/******************************************************
 * HEADER                                                      
 *****************************************************/ 

@media all and (max-width: 1280px) {
    #container {
        width: 100%;
    } 
    
    header {
        overflow: hidden;
    }
    
    header img.bg {
        /* width: 100%; */
    }   
}

@media all and (max-width: 700px) {    
    header h1 {
        font-size: 60px;   
    }
    
    header img.bg {
        width: 1000px;
    }    
    
        header h1 img {
            width: 160px;    
        }       
}

/******************************************************
 * CONTENT                                                      
 *****************************************************/ 

@media all and (max-width: 1100px) {
    #custom {
        padding: 50px 600px 50px 50px;
    } 
    
    #bottom-container {
        margin-top: -150px;
    }
} 

@media all and (max-width: 700px) { 
    #custom {
        margin-top: -100px;
    }
    
    #info {
        padding: 50px;
        font-size: 16px;
        line-height: 22px;
    }
}