body {margin: 0}
.menu {display: flex; justify-content: space-between; height: 100px ; width: 100vw; background-color: rgba(66, 98, 35, 0.5)
; position: fixed; z-index:1; align-items: center}
.menu1 {display: flex; justify-content: space-between; height: 100px ; width: 100vw; background-color: rgba(3, 8, 148, 0.5)
; position: fixed; z-index:1; align-items: center}
.menu2 {display: flex; justify-content: space-between; height: 100px ; width: 100vw; background-color: rgba(64, 31, 194, 0.5)
; position: fixed; z-index:1; align-items: center}
.back {background-color: #8ea081 ; width: 100% ; height: 100%;  padding-bottom: 100px}
.back1 {background-color: #0e1766 ; width: 100% ; height: 100%;  padding-bottom: 100px}
.back2 {background-color: #3f3e8c; width: 100% ; height: 100%;  padding-bottom: 100px}
.bannerpalce {display:flex; justify-content: center; position: relative; z-index: 1}
.banner {height: 70vh ; width: 100vw; object-fit: cover;}
.mlogo {width:75px; margin-left: 30px; margin-right:25px}
.mainhref {display: flex; justify-content: center; align-content: center; align-items: center; text-decoration: none;
    color: inherit; color: white; font-family: Ebrima; font-size: 25pt}
.bottoms {justify-content: space-around; display: flex;}
.bottext{text-decoration: none; color: inherit; color: white; font-family: Ebrima; font-size: 12pt; margin-right: 20px }
.logoplace {display: flex; display: flex; justify-content: center; margin-top:50px}
.doplogo {height: 200px;padding-right: 30px; padding-left: 30px}
.ng {color: inherit; color: white; font-family: Ebrima; font-size: 50pt}
.slogan {display:flex; justify-content: center; align-content: center; align-items: center; padding-top: -100px}
.textsl { display:flex; justify-content: center; color: inherit; color: white; font-family: Arial; font-size: 30pt;
    margin-left: 15px; padding-top: 11px}
.backinfo {background-color: rgba(189, 189, 189, 0.5); width: 70%;margin-left: 15%; justify-content: center;
    align-content: center; margin-top: 30px; padding-bottom: 30px}
.otdinfo {padding-left: 20px; padding-right: 20px; display:flex; justify-content: center; color: inherit; color: white;
    font-family: Arial; font-size: 20pt; text-align: center; padding-top: 30px; padding-bottom: 30px}
.namecont{color: white; font-family: Bahnschrift; font-size: 40pt;display: flex; justify-content: center; margin-top: 30px}
.otdinfo1 {display:flex; justify-content: center; color: inherit; color: white;
    font-family: Arial; font-size: 15pt; text-align: center; padding-top: 10px; padding-bottom: 10px}
.but {border-radius: 25px 25px 25px 25px; height: 20px; width: 250px; border-style: solid; color: darkslategrey;
    padding-left: 10px;padding-bottom: 10px; padding-top: 10px; padding-right: 10px; text-decoration: none;;
display: flex; justify-content: center; align-content: center; align-items: center;background-color:
        rgba(66, 98, 35, 0.5); margin-left: 15px; margin-right: 15px; }
.buttext {color: white;font-family: Arial;font-size: 15pt}
.butnplace {display: flex; justify-content: center;margin-top: 30px}
.anketaplace {display: flex; justify-content: center; margin-bottom: 60px}

.anketa {height: 300px; border-radius: 25px 25px 0 0 }
.anketainfoback {background-color: rgba(189, 189, 189, 0.5); ; justify-content: center;
    align-content: center; width: 100%; border-radius:0 0 25px 25px; text-align: center; white-space: normal;}
.anketainfo {color: white ; font-family: Bahnschrift; font-size: 12pt; margin-top: 10px; padding-bottom: 10px}
.namegen {font-size: 14pt; color: white ; font-family: Ebrima;}
.anketasize {height: 300px; margin-top: 50px; margin-left: 25px; margin-right: 25px; }
.but2 {border-radius: 25px 25px 25px 25px; height: 35px; width: 450px; border-style: hidden; color: lightseagreen;
    padding-left: 10px;padding-bottom: 10px; padding-top: 10px; padding-right: 10px; text-decoration: none;;
    display: flex; justify-content: center; align-content: center; align-items: center;background-color:
        rgba(0, 255, 255, 0.2); margin-left: 15px; margin-right: 15px; }
.video-conteiner {
    position:relative; width: 100%; overflow: hidden;
}
.video-conteiner video {
    width: 100%; height: auto;
}