header {
 position: relative;
 background-color: black;
 width: 1925px;
 height: 320px;
}

#header {
    width: 1910px;
    height: 320px;
    object-fit: cover;
}


@media (min-width: 2100px){
    
    header {
        width: 100%;
        height: 340px;
    }
    
    #header {
        width: 100%;
        height: 100%;
        background-size: 100%;
    }
}

@media (max-width: 1260px){

    header {
        width: 1360px;
        height: 320px;
    }
    
    #header {
        width: 1310px;
        height: 320px;
    } 
}

@media (max-width: 1024px){
    
    header {
        width: 1024px;
        height: 310px;
    }
    
    #header {
        width: 1024px;
        height: 310px;
    }
}

@media (max-width: 800px){
    
    header {
        width: 800px;
        height: 250px;
    }
    
    #header {
        width: 800px;
        height: 250px;
    }
}

@media (max-width: 720px){
    
    header {
        width: 720px;
        height: 200px;
    }
    
    #header {
        width: 720px;
        height: 200px;
    }
}

@media (max-width: 415px){
    
    header {
        width: 415px;
        height: 200px;
    }
    
    #header {
        width: 415px;
        height: 200px;
    }
}

@media (max-width: 361px){
    
    header {
        width: 361px;
        height: 150px;
    }
    
    #header {
        width: 361px;
        height: 150px;
    }
}