@import url('https://fonts.googleapis.com/css2?family=Source+Serif+Pro:ital,wght@1,300&display=swap');
body{
    font-family: 'Source Serif Pro', serif;
    font-size: 14px;    
    font-weight: normal;
    color:#5C2610; 
}
/*логотив*/
#sm{
float: left;
position: relative;
left=0;
top=0;
width: 150px;
height: 135px
margin-top: 0px;
left: 0px; 
} 

/*заголовок*/
.two {
  background: #E4E50;
  padding: 1px 10px;
  text-align: center;
} 
.two h1 {
  font-family: 'Open Sans', sans-serif;
  position: relative;
  color: #5C2610;
  font-size: 2em;
  font-weight: normal;
  line-height: 1;
  padding: 10px 0;
  margin: 0;
  display: inline-block;
}
@media (max-width: 420px) {
  .two h1 {font-size: 2em;}
}



/*Мазір*/
ul {
  list-style: none; /*убираем маркеры списка*/
  margin: 0; /*убираем отступы*/
  padding-left: 0; /*убираем отступы*/
  margin-top:-9px; /*делаем отступ сверху*/
  background:#819A32; /*добавляем фон всему меню*/
  height: 50px; /*задаем высоту*/
}
a {
  text-decoration: none; /*убираем подчеркивание текста ссылок*/
  background:#819A32; /*добавляем фон к пункту меню*/
  color:#fff; /*меняем цвет ссылок*/
  padding:0px 15px; /*добавляем отступ*/
  font-family: arial; /*меняем шрифт*/
  line-height:50px; /*ровняем меню по вертикали*/
  display: block; 
  border-right: 3px solid #677B27; /*добавляем бордюр справа*/
  -moz-transition: all 0.3s 0.01s ease; /*делаем плавный переход*/
  -o-transition: all 0.3s 0.01s ease;
  -webkit-transition: all 0.3s 0.01s ease;
}
a:hover {
  background:#D43737;/*добавляем эффект при наведении*/
}
li {
  float:left; /*Размещаем список горизонтально для реализации меню*/
  position:relative; /*задаем позицию для позиционирования*/
}
     
    /*Стили для скрытого выпадающего меню*/
    li > ul {
        position:absolute;
        top:47px;
        display:none;   
    }
     
    /*Делаем скрытую часть видимой*/
    li:hover > ul {
        display:block; 
        width:250px;  /*Задаем ширину выпадающего меню*/      
    }
   li:hover > ul > li {
        float:none; /*Убираем горизонтальное позиционирование*/
    }
ul ul ul {
  position: absolute;
    width: 100%;    
  top: 0;
  left: calc(100% - 1px);
  left: -webkit-calc(100% - 1px);
}

/* suretter*/

div {
    text-align: center;
}
figure {
    display: inline-block;
    width: 400px;
    display: inline-block;
    text-align: center;
}
figure img{
    width: auto;
    height: 400px;
 border-radius: 10%;
}

img{
    width: 150;
    height: auto;
}
.bgvideo {
  position:relative;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -9999;
}