.header-screen {
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.4);
    position: relative;
}
.title-section {
    text-align: center;
    background: url('../assets/contact-landscape.png') 100% 0 / cover no-repeat;
    height: 300px;
    width: 100%;
    margin-bottom: 24px;
}
.title-section .small {
    margin-top: 16px;
}

.informations-section {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: -16px;
}

.informations-wrapper {
    margin-right: 80px;
}

.informations-item .medium {
    margin-bottom: 32px;
}
.informations-details .informations-details-item {
    display: flex;
    align-items: center;
}
.informations-details .informations-details-item img {
    margin-right: 16px;
}
.informations-details .informations-details-item a {
    text-decoration: none;
}
.informations-details-item:not(:nth-child(1)) {
    margin-top: 24px;
}
.location-map img {
    border-radius: 16px;
}
.clickable:hover {
    cursor: pointer;
}
.clickable span {
    font-style: italic;
}
.form-section {
    background-color: #F3F5F5;
    display: flex;
    flex-direction: column;
    align-items: center;
}
form {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 792px;
}
.label-input, .question {
    margin-top: 40px;
    margin-bottom: 8px;
}
input[type="text"], input[type="email"], textarea {
    width: 100%;
    border-radius: 8px;
    border: 0;
    padding: 8px;
    outline: none;
}
input {
    height: 24px;
    font-size: 16px;
    line-height: 24px;
    color: #121127;
}
textarea {
    resize: none;
}
.form-section button {
    align-self: center;
    margin-top: 16px;
}
form .note {
    margin-top: 24px;
    display: flex;
    align-items: center;
}
form .note img {
    margin-right: 8px;
}
form .question-wrapper {
    display: flex;
    flex-direction: column;
}
form .question-wrapper .question-response {
    display: flex;
    flex-direction: row;
    align-items: center;
}
form .question-wrapper .question-response .label-question {
    margin-left: 8px;
}
.error-input {
    outline: 1px solid #B7201E !important;
}

#terms {
    margin-top: 40px;
    display: flex;
    align-items: center;
}
#terms #acceptTerms {
    margin-right: 8px;
}

.repere .repere-item {
    display: flex;
    align-items: flex-start;
}
.repere .repere-item  img {
    margin-right: 8px;
}
.mailResponse {
    display:none;
    text-align: center;
}
#loaderContact {
    display: none;
    align-self: center;
    margin-top: 16px;
}
.loader {
  border: 8px solid #F4DDDA;
  border-top: 8px solid #B7201E;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@media (max-width: 1350px) {
    .informations-section {
        flex-direction: column;
        margin-top: -80px;
    }
    .location-map {
        margin-top: 80px;
    }
    .informations-wrapper {
        margin-right: 0;
        max-width: 550px;
    }
}

@media (max-width: 1000px) {
    form {
        width: 500px;
    }
}

@media (max-width: 950px) {
    .location-map iframe {
        width: 700px;
        height: 800px;
    }
}

@media (max-width: 800px) {
    .location-map iframe {
        width: 600px;
        height: 700px;
    }
}

@media (max-width: 700px) {
    .location-map iframe {
        width: 500px;
        height: 600px;
    }
    form {
        width: 100%;
    }
    .informations-section {
        margin-top: 0;
    }
    .title-section .custom-padding {
        padding: 80px 100px;
    }
}

@media (max-width: 600px) {
    .location-map iframe {
        width: 400px;
        height: 500px;
    }
}

@media (max-width: 450px) {
    .location-map iframe {
        width: 100%;
        height: 400px;
    }
    .title-section .custom-padding {
        padding: 0 0;
    }
    .title-section {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
}