/*Fonts*/
@font-face{font-family:"BMW_Next";font-style:normal;font-weight:100;src:url("../fonts/BMWTypeNextTT-Light.eot?#iefix") format("embedded-opentype"),url("../fonts/BMWTypeNext-Light.woff2") format("woff2"),url("../fonts/BMWTypeNextTT-Light.woff") format("woff"),url("../fonts/BMWTypeNextTT-Light.ttf") format("truetype"),local("Tahoma")}
@font-face{font-family:"BMW_Next";font-style:normal;font-weight:400;src:url("../fonts/BMWTypeNextTT-Regular.eot?#iefix") format("embedded-opentype"),url("../fonts/BMWTypeNext-Regular.woff2") format("woff2"),url("../fonts/BMWTypeNextTT-Regular.woff") format("woff"),url("../fonts/BMWTypeNextTT-Regular.ttf") format("truetype"),local("Tahoma")}
@font-face{font-family:"BMW_Next";font-style:normal;font-weight:700;src:url("../fonts/BMWTypeNextTT-Bold.eot?#iefix") format("embedded-opentype"),url("../fonts/BMWTypeNext-Bold.woff2") format("woff2"),url("../fonts/BMWTypeNextTT-Bold.woff") format("woff"),url("../fonts/BMWTypeNextTT-Bold.ttf") format("truetype"),local("Tahoma-Bold"),local("Tahoma Bold")}
h1,h2,h3,h4,h5,h6,p,a,li{
    font-family: BMW_Next, sans-serif!important;
}
a{
    color: #444;
    font-weight: 400;
}
a:hover{
    color: #222;
    text-decoration: none!important;
}
button{
    text-decoration: none!important;
}
.CTA{
    background-color: #0c2e40;
    text-align: center;
    padding: 15px;

    -webkit-box-shadow: 3px 6px 10px -6px rgba(0,0,0,0.52);
    -moz-box-shadow: 3px 6px 10px -6px rgba(0,0,0,0.52);
    box-shadow: 3px 6px 10px -6px rgba(0,0,0,0.52);
    transition: all ease-out .1s;
}
.CTA:hover{
    background-color: #0e364b;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

}
.CTA p{
    color: #fff!important;
    margin-bottom: 0;

}
.CTA span{
    font-weight: 100;
    font-size: 0.8rem;
}
/*HEADER*/
#dealer-logo{
    width: 200px;
}
header{
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #fff;
    border-bottom: solid 1px #efefef;
}

/*BODY*/
body{
    background-image: url('../images/bandenwissel_header.jpg');
    background-attachment: scroll;
    background-size:cover;
    background-repeat: no-repeat;
    height: 100vh;
    background-position: center center;
}
#content-wrapper{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100vw;
    background: rgba(255,255,255,0.90);
    padding-top: 30px;
    padding-bottom: 100px;
}
#intro h3{
    color: #444;
    font-weight: 700;
    font-size: 1.8rem;
}
.intro p{
    color: #444;
    font-weight: 100;
    font-size: 1.4rem;
}
footer{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100vw;
    color: #999;
}
@media only screen and (max-width: 1200px) {

}
@media only screen and (max-width: 990px) {

}
@media only screen and (max-width: 767.88px) {
    header{
        padding-top: 10px;
        padding-bottom: 10px;
    }
    #dealer-logo{
        width: 150px;
    }
    body{
        background-image: url('../images/bandenwissel_header.jpg');
        background-attachment: scroll;
        background-size:cover;
        background-repeat: no-repeat;
        height: 40vh;
        background-position: right bottom;
    }
    #content-wrapper{
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100vw;
        background: rgba(255,255,255,0.90);

        padding-top: 15px;
    }
    .CTA{
        margin-top: 15px;
    }
    #intro h3{
        color: #444;
        font-weight: 700;
        font-size: 1.4rem;
    }
    #intro p{
        color: #444;
        font-weight: 100;
        font-size: 1.2rem;
    }
}
@media only screen and (max-width: 700.88px) {
    #content-wrapper{

        margin-bottom: 40px;
    }
}

@media screen and (orientation:portrait) {

}
@media (hover: none) {

}

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

}