.archive .site-main {
    padding-top:0;
}

.archive #hero {
    position:relative;
    max-width:none;
    width:100%;
    margin-bottom:0;
}

.archive #hero img {
    height: 40vh;
    max-height:815px;
    width:100%;
    object-fit:cover;
}

.archive #hero + .search-bar-holder{
    max-width:unset;
    width:90vw;
}

.archive #hero .search-bar-holder {
    position:absolute;
    bottom:80px;
    max-width:unset;
    width:90vw;
    left:50%;
    transform:translateX(-50%);
}

@media screen and (max-width: 991px){
    .archive #hero .search-bar-holder {
        bottom:40px;
    }    
}

@media screen and (min-width:576px) and (max-width:905px){
    .form-buttons {
        width:100%;
    }
}

@media screen and (min-width:576px){
    .archive #hero + .search-bar-holder{
        margin-top:0;
        transform:translateY(-50%); 
    }
}

@media screen and (min-width:768px){
    .archive #hero img {
        height: 56.25vw;
    }    
}

@media screen and (min-width:1280px){
    .archive #hero + .search-bar-holder{
        max-width:1200px;  
    }
}