@font-face {
    font-family: 'JuliusSansOne-Regular';
    src: url('/static/fonts/JuliusSansOne-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'YsabeauInfant';
    src: url('/static/fonts/YsabeauInfant-VariableFont_wght.ttf');
    font-weight: 100;
    font-style: normal;
}


@font-face {
    font-family: 'ZenAntique';
    src: url('/static/fonts/ZenAntique-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'ZenKurenaido';
    src: url('/static/fonts/ZenKurenaido-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Yaldevi';
    src: url('/static/fonts/Yaldevi-VariableFont_wght.ttf');
    font-weight: 275;
    font-style: normal;
}


.image-up {
    background: url(/static/img/696e40288349d2c68150b6427fb699c2.jpg) no-repeat;
    background-position: center top;
    width: 560px;
    height: 100vh;
    max-height: 840px;
}


.one-big-text, .one-small-text {
    font-family: 'JuliusSansOne-Regular', Arial, sans-serif;
    -webkit-text-shadow: 5px 3px 9px rgba(0, 0, 0);
    -moz-text-shadow: 5px 3px 9px rgba(0, 0, 0);
    text-shadow: 5px 3px 9px rgba(0, 0, 0);
}


@media (max-width: 430px) {
    .one-big-text {
        font-size: 48px;
    }

    .one-big-margin-text{
        margin-left: 50px;
    }
    
    .one-small-text {
        font-size: 32px;
    }
}


@media (min-width: 430px) {
    .one-big-text {
        font-size: 52px;
    }

    .one-big-margin-text{
        margin-left: 100px;
    }
    
    .one-small-text {
        font-size: 38px;
    }
}


.logo-text{
    font-family: 'YsabeauInfant', Arial, sans-serif;
}


.two-big-russian-text, .three-big-russian-text, .two-guest-text, .modal-title {
    font-family: 'ZenAntique', Arial, sans-serif;
}


.two-eight {
    font-family: 'Yaldevi', Arial, sans-serif;
}


.two-guest-text {
    margin-bottom: 35px;
}


.two-thanks-text-btm {
    margin-top: -5px;
}

.two-eight{
    margin-top: -25px;
    margin-bottom: -10px;
}

.two-thanks-text, .three-thanks-text, .three-thanks-text-2{
    font-family: 'ZenKurenaido', Arial, sans-serif;
    margin-bottom: 35px;
}


.three-form-text, .three-form-radio{
    font-family: 'ZenKurenaido', Arial, sans-serif;
}

@media (max-width: 385px) {
    .logo-text {
        font-size: 25pt;
    }


    .two-big-russian-text {
        font-size: 34pt;
    }


    .two-thanks-text{
        font-size: 16pt;
    }


    .three-thanks-text{
        font-size: 14pt;
    }
    
    
    .three-thanks-text-2, .three-form-text{
        font-size: 13pt;
    }


    .three-form-radio{
        font-size: 11pt;
    }


    .two-guest-text{
        font-size: 28pt;
    }


    .two-eight{
        font-size: 100pt;
    }


    .icon-time {
        height: 59px;
    }
    
    
    .mrr-5{
        margin-left: 20px;
    }


    .color-ring{
        width: 53px; 
        height: 53px; 
        border-radius: 50%;
        margin-left: 5px;
        margin-right: 5px;
    }


    .three-big-russian-text{
        font-size: 22pt;
    }


    .three-form-input{
        width: 290px;
        height: 35px;
    }


    .three-form-input-big{
        height: 70px;
    }
}


@media (min-width: 385px) and (max-width: 470px) {
    .logo-text {
        font-size: 29pt;
    }


    .two-big-russian-text {
        font-size: 38pt;
    }


    .two-thanks-text{
        font-size: 18pt;
    }


    .three-thanks-text{
        font-size: 16pt;
    }


    .three-thanks-text-2, .three-form-text{
        font-size: 15pt;
    }


    .three-form-radio{
        font-size: 13pt;
    }



    .two-guest-text{
        font-size: 34pt;
    }


    .two-eight{
        font-size: 110pt;
    }
    

    .icon-time {
        height: 65px;
    }
    
    
    .mrr-5{
        margin-left: 25px;
    }


    .color-ring{
        width: 60px; 
        height: 60px; 
        border-radius: 50%;
        margin-left: 8px;
        margin-right: 8px;
    }


    .three-big-russian-text{
        font-size: 27pt;
    }


    .three-form-input{
        width: 340px;
        height: 38px;
    }


    .three-form-input-big{
        height: 76px;
    }
}


@media (min-width: 470px) {
    .logo-text {
        font-size: 35pt;
    }


    .two-big-russian-text {
        font-size: 46pt;
    }


    .two-thanks-text{
        font-size: 22pt;
    }


    .three-thanks-text{
        font-size: 20pt;
    }


    .three-thanks-text-2, .three-form-text{
        font-size: 19pt;
    }


    .three-form-radio{
        font-size: 17pt;
    }



    .two-guest-text{
        font-size: 40pt;
    }


    .two-eight{
        font-size: 120pt;
    }


    .icon-time {
        height: 81px;
    }
    
    
    .mrr-5{
        margin-left: 30px;
    }


    .color-ring{
        width: 70px; 
        height: 70px; 
        border-radius: 50%;
        margin-left: 13px;
        margin-right: 13px;
    }

    .three-big-russian-text{
        font-size: 33pt;
    }


    .three-form-input{
        width: 430px;
        height: 40px;
    }


    .three-form-input-big{
        height: 80px;
    }
}


.ring-1 {
    background-color: rgb(209,170,161);
}
.ring-2 {
    background-color: rgb(235,206,202);
}
.ring-3 {
    background-color: rgb(157,170,153);
}
.ring-4 {
    background-color: rgb(195,208,225);
}
.ring-5 {
    background-color: rgb(135,153,167);
}

.three-form-input{
    border-radius: 6px;
    border: 1px solid gray;
    resize: none;
}

.three-form-input::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}


.modal-header, .modal-content {
    border: none;
    box-shadow: none;
}
