html {
    background-size: cover;
    background-image: url("./img/land.jpg");
    background-repeat: no-repeat;
    background-position: right top;
    background-color: black;
    overflow: hidden;
    font-size: 0.65vw;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
body.wf-loading > *:not( .preloader_wrapper ) {
  opacity: 0;
}
body {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Betandyou_main';
    font-style: italic;
    text-transform: uppercase;
    /*font-size: 0.045vw;*/
    font-weight: normal;
    color: white;
}

.container-1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    margin: 1.5vw auto 0;
    padding: 2vw;
}

.col {
    margin: 2vw 0 0 10vw;
    padding: 0;
}

.row-1 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-grow: 0;
    width: 100%;
    margin: 0px auto;
    padding: 0 0 0 0vw;
    /*border: solid 1px;*/
}

.row-2 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-grow: 1;
    width: 100%;
    margin: 0px auto;
    padding: 0 0 0 0vw;
}

.row-3 {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: baseline;
    flex-grow: 1;
    width: 100%;
    margin: 1.5vw 0 0 0vw; /*7vw*/
    padding: 0 0 0 0vw;
    position: relative;
    z-index: 3;
}

.item-1 {
    height: auto;
    flex-grow: 0;
    flex-shrink: 0;
    text-align: center;
    z-index: 3;
}

.item-2 {
    display: flex;
    flex-direction: column;
    height: auto;
    flex-grow: 1;
    flex-shrink: 0;
    text-align: right;
}

.un {
    font-size: 2.31em;
    color: white;
    letter-spacing: 0.15em;
}

.forend {
    font-size: 1.125em;
    color: #fffc00;
    letter-spacing: 0.13em;
    margin: 0 0 1.0vw 0;
}

.bon {
    font-size: 5em;
    color: white;
    letter-spacing: 0.1em;
}

.mn {
    font-size: 4.687em;
    color: #fffc00;
    letter-spacing: 0.1em;
    font-weight: 900;
    font-family: 'Nunito';
    font-style: initial;
}

.three {
    font-size: 10.187em;
    color: #fffc00;
    letter-spacing: 0.025em;
    margin: 0 1.0vw 1.4vw 2.0vw;
    font-weight: 900;
    font-family: 'Nunito';
    font-style: initial;

}

.vu {
    font-size: 3.375em;
    color: white;
    letter-spacing: 0.12em;
    margin: 0 0 0.5vw 0;

}

.sto {
    font-size: 5.062em;
    color: #fffc00;
    letter-spacing: 0.1em;
    margin: 0 0 1vw 0;
    font-style: italic;
    font-weight: 800;
}

.kof {
    font-size: 1.875em;
    color: white;
    /*letter-spacing: 0.3em;*/
    margin: 0px 0px 0vw 0.5vw;
}

.stra {
    font-size: 2.875em;
    color: white;
    /*letter-spacing: 0.3em;*/
    margin: 0px 0px 0vw 0.5vw;
}
.rules {
    margin: 1em auto 0;
    z-index: 40;
    -webkit-text-decoration: none;
            text-decoration: none;
    color: #ffffff;
    font-size: 0.75em;    
    z-index: 40;
    text-decoration: underline !important;
}
.logo {
    object-fit: cover;
    width: 20vw;
    height: auto;
    z-index: 3;
}

.imgvm {
    margin: 1.5vw 2.0vw 0 0;
    width: 7vw;
    height: auto;
    z-index: 3;
    position: relative;

}

.img18p {
    margin: 0 0 0 58.0vw;
    width: 1.7vw;
    height: auto;

}

.num {
    font-size: 5.68em;
    color: #fffc00;
    letter-spacing: 0.3em;
    font-family: 'Cyrvetica Extra Outline';
    font-weight: 700;
    font-style: initial;
}

.m_kof {
    margin: 0 7vw 0 0;
}
.mm {
    margin: 0vw auto;

}
.s{
    position: absolute;
    top:24vw;
}
@media  (max-width: 480px) {
    html {
        background-size: cover;
        background-image: url("./img/land.jpg");
        background-repeat: repeat-y;
        background-position: right top;
        background-color: black;
        overflow: hidden;
        font-size: 0.85vw;
    }

    body {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        font-family: Arial;

        font-weight: bold;
        color: white;
        z-index: 3;
    }
    .row-1 {
        display: block;
    }
    .forend {
       font-size: 1.5em;
       }
    .logo {
        object-fit: cover;
        width: 60vw;
        height: auto;
        z-index: 3;
    }

    .img18p {
        position: absolute;
        top: 19vw;
        right: 8vw;
        width: 6vw;
        height: auto;
        z-index: 3;
    }

    .imgvm {
        margin: 1.5vw 2.0vw 0 0;
        width: 20vw;
        height: auto;
        z-index: 3;
        position: relative;
    }
    .sto {
        font-size: 6.5em;
    }
    .kof{
        font-size: 3.75em;
    }
    .stra {
        font-size: 3.75em;
    }
    .vu {
        font-size: 6.5em;
    }
    .un {
        font-size: 4em;
    }
    .three {
        font-size: 13em;
        margin: 0 1.0vw 3.4vw 2.0vw;
    }
    .btn_n2 {
        width: 100%;
        /*font-size: 1.1em;*/
        font-size: 0.7em;
        padding: 6px;
        /*background: #333333;*/
        color: #ffffff;
        text-align: center;
        /*height: 100vh;*/
        margin: 0;
        display: flex;
        align-items: center;
        z-index: 3;
        /*justify-content: center;*/
        /*height: 100vh;*/
    }

    .container-1 {
        width: 90%;
        margin: 3.5vw auto 0;
    }

    .col {
        margin: 3vw 0 0 1vw;
        padding: 0;
        z-index: 1;
        display: flex;
        flex-direction: column;
    }

    .bon {

        font-size: 8em;
        color: white;

        letter-spacing: 0.1em;
    }
    .row-3 {

        display: flex;
        flex-direction: column;
        margin: 20vw 1vw 0 0vw;
        position: relative;
        z-index: 3;
        align-items: flex-end;
    }

    .num {
        font-size: 7em;
        padding: 5vw 0 0 0;
    }

    .kof {
        font-size: 3.75em;
    }

    a.btn_2 {
        font-family: Arial;
        font-weight: bold;
        min-width: 100%;
        min-height: 20vw;
        vertical-align: middle;
        padding: 0;
        color: #000000; /* цвет текста */
        text-decoration: none; /* убирать подчёркивание у ссылок */
        user-select: none; /* убирать выделение текста */
        background: rgb(255, 228, 0); /* фон кнопки */
        padding: 1.5em; /* отступ от текста */
        outline: none; /* убирать контур в Mozilla */
        z-index: 3;
    }

    .btn {
        width: 100%;
        font-size: 2.5em;
    }

    a.btn_1 {
        font-family: Arial;
        font-weight: bold;
        min-width: 20vw;
        min-height: 7vw;
        vertical-align: middle;
        padding: 0;
        color: #000000;
        text-decoration: none;
        user-select: none;
        background: rgb(255, 228, 0);
        padding: 1.3em 1.5em;
        outline: none;
        z-index: 3;
    }

}