#error-404 {
    color: var(--blue-color);
    font-size: clamp(2.5rem, 2.5rem + 5.2632vw, 8.75rem);
    text-align: center;
}


#thank-text {
    color: var(--blue-color);
    font-size: clamp(2.5rem, 2.5rem + 2.1053vw, 5rem);
    text-align: center;
}

#messages-text1 {
    color: var(--black);
    text-align: center;
    margin-top: 20px;
    max-width: 640px;
    line-height: 30px ;
    font-size: clamp(1.25rem, 1.25rem + 0.2105vw, 1.5rem);
}

#messages-text2 {
    color: var(--black);
    font-size: clamp(1.25rem, 1.25rem + 0.4211vw, 1.75rem);
    max-width: 640px;
    text-align: center;
    margin-top: 15px;
    line-height: 30px ;
}

#messages-buttons {
    margin-top: 30px;
    padding-bottom: 100px;
}

#messages-contents {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 90px auto;
    padding: 0 20px;
}

@media (min-width: 1200px) {
    #messages-bg {
        padding: 0 17%;
    }

    #messages-contents {
        max-width: 1200px;
    }

    .messages-link {
        padding: 18px 142px;
        font-family: var(--font-family-comm);
        background-color: var(--main-text-color);
        display: inline-block;
        font-size: 20px;
        color: var(--white);
        text-transform: uppercase;
    }


    #messages-text3 {
        color: #262626;
        font: 700 100px var(--font-family-comm);
        margin-top: 25px;
        text-align: center;
    }

    #messages-text3 {
        width: 380px;
        margin-bottom: 25px;
    }
}

@media (min-width: 765px) and (max-width: 1199px) {

    #messages-contents {
        max-width: 765px;
    }

    .messages-link {
        padding: 18px 70px;
        font-family: var(--font-family-comm);
        background-color: #262626;
        display: inline-block;
        font-size: 18px;
        color: #fff;
        text-transform: uppercase;
    }

    #messages-text3 {
        font: 700 20px var(--font-family-comm);
        color: #262626;
        margin-top: 25px;
        text-align: center;
    }

    #messages-text3 {
        width: 380px;
        font-size: 45px;
        margin-bottom: 25px;
    }
}

@media (min-width: 0px) and (max-width: 764px) {
    /*#messages-wrapper {
        background-color: #ffffff;
    }*/
    #messages-contents {

    }

    .messages-link {
        padding: 18px 50px;
        background-color: #262626;
        display: inline-block;
        font-size: 18px;
        color: #fff;
        text-transform: uppercase;
    }


    #messages-text3 {
        font: 700 20px var(--font-family-comm);
        color: #262626;
        margin-top: 25px;
        text-align: center;
    }

    #messages-text3 {
        width: 380px;
        font-size: 25px;
        margin-bottom: 25px;
        margin-top: 10px;
    }
}