:root {
    box-sizing: border-box;
}
*, *::before, *::after {
    box-sizing: inherit;
   /* border: solid 1px red;    */
}
@font-face {
    font-family: Classica;
    src: url( ../fonts/Classica_Two.ttf);
}
@font-face {
    font-family: Bookman;
    src: url( ../fonts/bookman_osr.ttf);
}

body {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: calc(20px + (40 - 20) * ((100vw - 660px) / (1920 - 660)));
    background-image: url(../img/background.jpg);
    background-repeat: no-repeat;   
    background-position: center;
    background-attachment: fixed; 
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;   
    -webkit-background-size: cover;
    font-family: Bookman;
}
/*
body:after {
    content: "";
    position: fixed;
    top: 0;
    height: 100vh;
    left: 0;
    right: 0;
    z-index: -1;
    background: url(../img/background.jpg) center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;   
}
*/
.backdrop {
    position: absolute;
    min-height: 100vh;
    min-width: 100vw;
    background-image: url(../img/background.jpg);
    background-repeat: no-repeat;   
    background-position: center;
    background-attachment: fixed; 
    
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;   
    -webkit-background-size: cover;
}

.opisanie {
    font-size: calc(25px + (40 - 25) * ((100vw - 660px) / (1920 - 660)));
    font-family: Bookman;
}
.block {
    height: 100vh;
    /*border: 20px solid rgba(226, 26, 26, 0);*/
    position: relative;
/*    background-image: url(../img/background.jpg);
      background-repeat: no-repeat;   
    background-position: center;
    background-attachment: fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;   
*/
    text-align: center;
}
.osnova {
    border-radius: 5%/5%;
    height: 80vh;
    width: 90vw;
    position: relative;
    left: 5vw;
    top: 15vh;
    
    background-color: rgba(255, 255, 255, 0.7);
    
}
.logo {
    height: 3em;  
    margin-bottom: 0;
}
.title-1 {
    display: inline-block;
    width: 30vmax;
    font-size: 1.2vmax;   
    margin-top: auto;
    margin-bottom: auto;
}
.title-2 {
    display: inline-block;
    width: 60vmax;
    font-size:     calc(8px + 2.5vw);
/*    font-size: min(max(8px, 2vw), 16px);  */
    margin-top: 0;
    margin-left: 1em;
    text-align: center;
}
.title-3 {
    display: inline-block;
    width: 100vw;
    font-size: min(max(10px, 1.5vw), 30px);
    margin-top: 0;
    text-align: center;
}
#title-31 {
    display: none;
}
#title-32 {
    display: block;
}
.posta {    
    display: block;
    height: 2vh;
}
h2 {
    text-align: center;
    /*font-size: min(25px, max(40px, 5vmin));*/
    font-size: calc(35px + (40 - 35) * ((100vw - 660px) / (1920 - 660)));
    margin: 2vh 0;
    line-height: 6vh;
}
.tablo {
    display: inline-block;
    line-height: normal;
    vertical-align: middle;
}
.tablo-text {
    width: 58%;
    text-align: justify;
    font-size: 0.5em;
    padding-right: 3%;
    vertical-align: middle;
}
.tablo h2 {
    font-size: 14px;
    margin: 1vh 0;
}
.timeline {
    vertical-align: middle;
    margin-bottom: 1vh;
}
p {
    margin-top: 1vh;
    margin-bottom: 1vh;
}
/*   Ссылки       */
a:link {
    /*color: blue;*/
    font-weight: bold;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
a:active {
    color: brown;
}

/*   Основной раздел   */
.round {
    height: 15vw;
    width: 15vw;
    border-radius: 100px; /* Радиус скругления */
    margin-bottom: 0;
    display: inline-block;
}
.center {
    margin-top: 1em;
    width: 100%;
    opacity: 1;
    margin: auto;
    text-align: center;
}
footer {
    font-size: min(max(10px, 2vw), 18px);
    text-align: center;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 80px;
}

/*   Стили  меню   */
.menu {
    background-color: rgba(36, 7, 226, 0.904);
    width: 100%;
    position: fixed;
    opacity: 1;
    top: 0;
    left: 0;
    z-index: 2;
    color: white;
    font-family: Bookman;
}
.menu-toggle {
    position: relative;
    text-align: center;
    background-color: rgba(2, 7, 12, 0.4);
    color: #fff;
    font-size: 1em;
}
.menu-toggle::after {
    position: absolute;
    display: block;
}
.menu-dropdown {
    display: none;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0;
    z-index: 1;
    height: 3vh;
    color: white;
}
.show {display:block;}
.menu.is-open .menu-dropdown {
    display: block;
}
.nav-menu {
    margin: 0;
    padding-left: 0;
    list-style: none;
    overflow-x: hidden; /* Disable horizontal scroll */
    margin-top: 1em;
}
.nav-menu > li + li {
    border-top: 1px solid #ccc;  
}
.nav-menu > li > a {
    display: block;
    padding: 0.8em 1em;
    font-weight: normal;
    /*font-size: 0.4em;*/
    background-color: #fff;
    color: rgba(18, 52, 166, 0.878);
    opacity: 0.65;
}
.bar {
    display: block;
    width: 30px;
    height: 3px;
    margin: 6px auto;
    background-color: #2934d9;
    transition: 0.2s;
}
.contact-map {
    display: none;
}
#button-hide {
    display: none;
}
.button-class {
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(0, 255, 255, 0.154);
}
.text {
    font-size: 0.8em;
    margin-left: 2em;
    margin-right: 2em;
}



/* относится к ширине экрана больше 600 пикс */
@media (min-width: 660px) {
    .menu-toggle {
        display: none;
    }    
    .menu-dropdown {
        display: block;
        position: static;
        height: 6vh;
    }
    .nav-menu {
        display: flex;
        border: 0;
        padding: 0 1 em;
        margin-top: 0;
    }
    .nav-menu>li {
        flex: 1;
    }
    .nav-menu>li+li {
        border: 0;
    }
    .nav-menu>li>a {
        padding: 0.3em;
        text-align: center;
        font-size: 1.8vw;
    }
    .title {
        margin-top: 1vh;
        display: flex;
        align-items: center;
    }
    .title-2 {
        width: 65%;
        font-size: 4vw;
        vertical-align: text-bottom;
        text-align: center;
    }
    .title-3 {
        width: 25%;
        vertical-align: top;
        text-align: right;
        margin-left: 2vw;
    }
    #title-31 {
        display: block;
        text-align: left;
    }
    #title-32 {
        display: none;
    }
    #form1 {
        font-size: 2.1vw;
    }


}