body {
    background-color: #FAF7F3;
    color: #58252B;
}
.bgw{background-color: #fff;}

.closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 30px;
}
#logo{
    height: 100px;
}
nav a, .nav-link{color: #58252B;
    font-family: "degular-display", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size:18px;
}
.offcanvas-body .nav-link{
    font-size:30px;
}

.btn-primary{
    background-color: #DB002D;
    border-color: #DB002D;
    border-radius: 3px;
    
}

.btn-secondary{
    background-color: #58252B;
    border-color: #58252B;
    border-radius: 3px;
    
}
.bold{
    font-family: "degular-display", sans-serif;
    font-weight: 700;
    font-style: normal;
}
.medium{font-family: "degular-display", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.uppercase{text-transform: uppercase;}
.regular{
font-family: "degular-display", sans-serif;
font-weight: 400;
font-style: normal;
letter-spacing: 1px;
}
h2{
    font-family: "degular-display", sans-serif;
    font-weight: 700;
    font-style: normal;
}


h3{
    text-transform: uppercase;
    font-family: "degular-display", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size:20px;
    margin-top: 10px;
}
#marques{
    background-color: #DB002D;
    padding-top: 200px;
    margin-top: -100px;
}

#marques-detail{
    background-color: #DB002D;
    padding-top: 60px;

    padding-bottom: 60px;
}


.marque-cont    {max-width: 960px;}

.moins50{
    max-width: 40%;
}

#transition-bg-red{
    background-color: #DB002D;
    height: 300px;
}

#Expertises{
    background-color: #fff;
    color: #58252B;;
    z-index: 1;
    position: relative;
}

.navbar-toggler {
    font-size: 30px;
    color: #58252B;
    border: 0 none;
    position: fixed;
    right: 30px;
    background-color: #fff;
    z-index: 20;
    opacity: 0.7;
    
}
button:focus:not(:focus-visible) {
    outline: none;
}

#apropos{
    margin-top: -100px;
}

.biographie{
    background-color: #fff;
    padding: 50px;
    text-align: left;
}

button, .btn-group-lg>.btn, .btn-lg {text-transform: uppercase; letter-spacing: 2px; font-size: 14px;}
.btn-close{font-size: 50px; opacity: 1!important; 
    background-image: url("../img/close.svg");

}
.offcanvas-header{
    margin-top:14px;
}
.margin-neg150{margin-top:-200px;}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #DB002D;
    --bs-btn-border-color: #DB002D;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #b60024;
    --bs-btn-hover-border-color: #b60024;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #DB002D;
    --bs-btn-active-border-color: #DB002D;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #DB002D;
    --bs-btn-disabled-border-color: #DB002D;
}

.btn-outline-primary {
    --bs-btn-color: #DB002D;
    --bs-btn-border-color: #DB002D;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #DB002D;
    --bs-btn-hover-border-color: #DB002D;
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #DB002D;
    --bs-btn-active-border-color: #DB002D;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #DB002D;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #DB002D;
    --bs-gradient: none;
}

.offcanvas-backdrop{background-color: #58252B;}
footer{
    background-color: #58252B;
    color: white;
}

#CTA-double{
    background-color: #DB002D;
}

.rounded {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius:0px ;
}

.bgred   { background-color: #DB002D;
    height: 300px;
    margin-top: -100px;
    padding-top: 100px;
}



.card {
    border: 0 none!important;
}

#single-hero{
    width: 100vw;
    height: 300px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 1400px;
}

.section-brand-01{
    margin-top:-150px;
}

.bgred h2{color: white;}

/* Adjust font size for smaller screens */
@media screen and (max-height: 450px) {
    .overlay a {
        font-size: 20px;
    }
    .closebtn {
        font-size: 40px;
        top: 15px;
        right: 35px;
    }

}