@charset "UTF-8";
/*VOLVO NOVUM*/
@font-face{font-family:"Volvo-Novum";font-style:normal;font-weight:100;src:url("../fonts/volvo-novum-semi-light.woff2") format("woff2"),local("Tahoma")}
@font-face{font-family:"Volvo-Novum";font-style:normal;font-weight:300;src:url("../fonts/volvo-novum-regular.woff2") format("woff2"),local("Tahoma")}
@font-face{font-family:"Volvo-Novum";font-style:normal;font-weight:600;src:url("../fonts/volvo-novum-medium.woff2") format("woff2"),local("Tahoma")}
.brand-btn-wrap{
    position: relative;
}
.brand-btn{
    min-height: 30vh;
}
 #logo-wrap{
        max-width: 250px;
    }
.brand-logo{
    max-width: 180px;
    margin-left: 25px;
    margin-top: 25px;
}
#volvo{
    background-image: url('../images/volvo_thumb_2.jpg');
    background-position: center 80%;
    background-size: 100%;
    transition: background ease-out 0.2s;
}
#polestar{
    background-image: url('../images/polestar_thumb_3.jpg');
    background-position: center bottom;
    background-size: 100%;
    transition: background ease-out 0.2s;
}
#jlr{
    background-image: url('../images/jlr_thumb.jpg');
    background-position: center 75%;
    background-size: 100%;
    transition: background ease-out 0.2s;
}
#maserati{
    background-image: url('../images/maserati_thumb_2.jpg');
    background-position: center 50%;
    background-size: 100%;
    transition: background ease-out 0.2s;
}
#volvo:hover{
    background-size: 105%;
}
#polestar:hover{
    background-size: 105%;
}
#jlr:hover{
    background-size: 105%;
}
.brand-jobs{
    position: absolute;
    left: 25px;
    bottom: 15px;
    background: rgba(255,255,255,0.8);
    padding: 10px 25px;
    color: #000;
    text-decoration: none;
}
.brand-jobs:hover{
 
    background: rgba(255,255,255,1);
    color: #000;
}
@media only screen and (max-width: 1200px) {

}
@media only screen and (max-width: 990px) {
    #logo-wrap{
        max-width: 200px;
    }

}
@media only screen and (max-width: 767.88px) {
.brand-btn{
    min-height: 18vh;
}
.brand-jobs{
    position: absolute;
    left: 15px;
    bottom: 5px;
    background: rgba(255,255,255,0.8);
    padding: 5px 20px;
    color: #000;
    text-decoration: none;
    font-size: 0.9rem;
}
}
@media only screen and (max-width: 575.88px) {

.brand-logo{
    max-width: 150px;

}




}
@media screen and (orientation:portrait) {

}
@media (hover: none) {

}

@media (pointer: coarse) and (hover: none) {

}