* {
    font-family: "Open Sans", sans-serif;
}

body {
    background-image: url('https://image.email.groupeseb.com/lib/fe2e11717564047c7d1d79/m/1/03cd10de-51e6-49e4-947d-61c6da91bad7.png');
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    margin: 0;
    min-height: 100vh;
}

.logo {
    width: 220px;
    padding-top: 55px;
    padding-left: 43px;
}

.btn {
    border-radius: 0px;
}

footer {
    background-color: white;
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: 10px 0;
    color: #F8631B;
    font-weight: 500;
    font-family: "Open Sans", sans-serif;
}

.first-title {
    font-weight: 700;
    font-size: calc(8.75rem + 0.5vh) !important;
    color: #F8631B;
    font-family: "Open Sans", sans-serif;
}

.second-title {
    font-weight: 700;
    font-size: calc(2.5rem + 0.5vh) !important;
    color: #363636;
    font-family: "Open Sans", sans-serif;
}

.error-description {
    color: #363636;
}

.error-description {
    font-size: calc(0.6rem + 0.5vh) !important;
}

.row {
    text-align: center;
}

.btn-primary {
    background-color: #F8631B !important;
    border: #F8631B;
    padding: 0.5rem 4rem;
}

.footer-text,
.btn {
    font-size: calc(0.7rem + 0.5vh) !important;
}


/* Media Queries to adjust sizes for different devices */
@media (max-width: 1200px) {
    .first-title {
        font-size: calc(8rem + 0.5vh) !important;
        /* Adjustment for large screens */
    }

    .second-title {
        font-size: calc(2rem + 0.5vh) !important;
        /* Adjustment for large screens */
    }

    .error-description,
    .footer-text,
    .btn {
        font-size: calc(1rem + 0.5vh) !important;
        /* Responsive for large screens */
    }

    footer {
        padding: 30px 0;
        font-weight: 400;
    }

    .logo {
        width: 400px;
        padding-top: 80px;
        padding-left: 143px;
    }

    .row {
        padding-top: 1vh;
    }

    .container,
    .container-md,
    .container-sm {
        max-width: 756px !important;
    }
}

@media (max-width: 992px) {

    body {
        background-image: url('https://image.email.groupeseb.com/lib/fe2e11717564047c7d1d79/m/1/dc10b44d-8060-4617-ad33-572007732c48.png');
    }

    .first-title {
        font-size: calc(10rem + 0.5vh) !important;
        /* Adjustment for medium screens */
    }

    .second-title {
        font-size: calc(2.5rem + 0.5vh) !important;
        /* Adjustment for medium screens */
        padding-top: 3vh;
    }

    .error-description {
        padding: 2vh 0 4vh 0 !important;
    }

    .error-description,
    .footer-text,
    .btn {
        font-size: calc(1.5rem + 0.5vh) !important;
        /* Responsive for medium screens */
    }

    footer {
        padding: 50px 0;
    }

    .btn {
        padding: 1.5rem 7rem;
    }

    .row {
        padding-top: 10vh;
    }
}

@media (max-width: 768px) {
    .first-title {
        font-size: calc(13rem + 0.5vh) !important;
        /* Adjustment for small screens */
    }

    .second-title {
        font-size: calc(5rem + 0.5vh) !important;
        /* Adjustment for small screens */
    }

    .error-description,
    .footer-text,
    .btn {
        font-size: calc(2rem + 0.5vh) !important;
        /* Responsive for small screens */
    }

    .container,
    .container-md,
    .container-sm {
        max-width: 756px !important;
    }
}


@media (max-width: 576px) {
    .first-title {
        font-size: calc(14rem + 0.5vh) !important;
        /* Adjustment for mobile devices */
    }

    .second-title {
        font-size: calc(6rem + 0.5vh) !important;
        /* Adjustment for mobile devices */
    }

    .error-description,
    .footer-text,
    .btn {
        font-size: calc(2.5rem + 0.5vh) !important;
        /* Responsive for mobile devices */
    }
}