/* header configuration */
header {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

#logo_background_desktop {
    width: 100%;
    height: 140px;
    padding: 10px 0;
}

#logo_background_desktop img {
    width: 100%;
    height: 100%;
}

#logo_background_mobile {
    display: none;
}

#header_background {
    width: 100%;
    height: 350px;
}

#header_background img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media screen and (max-width: 800px) {
    #logo_background_desktop {
        display: none;
    }

    #logo_background_mobile {
        display: block;
        height: 100%;
        padding: 10px;
    }

    #header_background {
        height: 200px;
    }    
}