@font-face {
    font-family: dacia-regular;
    src: url("./fonts/DaciaBlock-Regular.ttf")format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: dacia-bold;
    src: url("./fonts/DaciaBlock-Bold.ttf")format("truetype");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: dacia-read-bold;
    src: url("./fonts/Read-Bold.ttf")format("truetype");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: dacia-read-regular;
    src: url("./fonts/Read-Regular.ttf")format("truetype");
    font-weight: normal;
    font-style: normal;
}

html, body {
    font-family: 'dacia-regular';
    margin: 0;
    height: 100%;
}
a { color: #fff }
.box-content {
    background-color: #646b52;
}
#content > div.content-caption {
    background-color: #ffffff;
    padding-top: 5%;
}
.form, .dc-52Is { font-family: 'dacia-read-regular'; }

.box-image {
    background-image: url("./images/cars-expo.jpg");
    background-size: cover;
}

.dc-form-block {
    background-color: white;
}


.logo {
    margin: 15px 0;
}

/* Icône burger */
.dc-24Plo{
    margin-top: 10px;
}

.burger-icon span {
    display: block;
    width: 35px;
    height: 3px;
    background-color: black;
    margin: 5px 0;
}

.dc-ldo54 {
    height: 2rem;
}

.dc-hju7 {
    font-family: 'dacia-bold';
    font-size: 2.5vw;
}

.dc-8Ol1 {
    font-size: 2vw;
}

.dc-idj52 {
    width: 50%;
}
.dc-52IdT {
    font-size: 9px;
    margin-top: 20px;
}
.dc-5euJ {
    text-align: center;
    position: relative;
}
button.dc-submit {
    padding: 10px 5px;
    width: 100%;
    font-size: 1.5vw;
    font-family: 'dacia-bold';
}
.form {
    margin-bottom: 20px;
    background-color: #646b52;
    color: white;
    padding-top: 20px;
    padding-bottom: 20px;
}
.square {
    height: 25px;
    width: 19px;
    background-color: #646b52;
    position: absolute;
    right: -6px;
    bottom: -9px;
    transform: rotate(45deg);
}
input, button {
    border: 1px solid #646b52;
    color: #646b52;
}
.dc-thank {
    background-color: #646b52;
    padding: 30px 0;
    color: white
}
.dc-521R {
    font-family: dacia-bold;
    font-size: 1.5rem;
}
.dc-52368 {
    line-height: 32px;
}
.dc-menu { background-color: #fff; padding-bottom: 5%}
.container-primary { min-height: 100%;}



/* xs */
@media (max-width: 576px) { 
    .form label { font-size: 13px; }
    .dc-form-22Mo { margin-top: 10px; }
    .dc-524pJ { font-size: 10px; margin-top: 10px; }
    .dc-input { width: 70%; }
    .dc-idj52 { width: 50%; }
    button.dc-submit { padding: 15px; font-size: 7vw; }
    .square { right: -6px; bottom: -11px; }
    .dc-52368 { line-height: 20px;}
    .dc-hju7 { font-size: 6vw;}
    .dc-8Ol1 { font-size: 4.5vw; }
    .dc-menu { padding-bottom: 15%; }
    #content { font-size: 5vw;}
}
.required { border: 1px solid red}
.modal-content { font-family: 'Dacia-read-regular'; }
.error-form { color: red } 

/* sm */
@media (min-width: 576px) { }

/* md */
@media (min-width: 768px) {
    .form label { font-size: 13px; }
    .dc-form-22Mo { margin-top: 10px; }
    .dc-524pJ { font-size: 10px; margin-top: 10px; }
    .dc-input { width: 70%; }
    .dc-idj52 { width: 50%; }
 }

/* lg */
@media (min-width: 992px) { 
    .form label { font-size: 16px; }
    .dc-form-22Mo { margin-top: 10px; }
    .dc-524pJ { font-size: 10px; margin-top: 10px; }
    .dc-thank { padding-top: 100px; }
}

/* xl */
@media (min-width: 1200px) { 
   
}

/* xxl */
@media (min-width: 1400px) { 
   
}