@media screen and (max-width: 480px) {
    p {
    font-size: 3vw;
    }
    h1 {
    font-size: 8vw;
    }
    h2 {
       font-size: 8vw;
       font-weight: 400;
       padding: 4vw 0;
    }
    .menu {
        display: none;
    }
    .logo {
        width: 60%;
    }
    .logo p {
        font-size: 6vw;
    }
    .logo img {
        width: 10vw;
        height: 10vw;
        padding: 2vw;
    }
    .icons1 
    {visibility: collapse;
    }
    .hamburger-menu {
        visibility: visible;
    }
    .container {
        display: none;
    }
    .titul {
        height: 180vmin;
    }
    .container1{
    visibility: visible;
    width: 100vmin;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 55%;
    left: 50%;
    overflow: hidden;
    border: none;
    
}
.wrapper1{
    width: 100%;
    display: flex;
    animation: slide 20s infinite;
}
@keyframes slide{
    0%{
        transform: translateX(0);
    }
    25%{
        transform: translateX(0);
    }
    30%{
        transform: translateX(-100%);
    }
    50%{
        transform: translateX(-100%);
    }
    55%{
        transform: translateX(-200%);
    }
    75%{
        transform: translateX(-200%);
    }
    80%{
        transform: translateX(-300%);
    }
    100%{
        transform: translateX(-300%);
    }
}
img{
    width: 100%;
}
      /*конец заставки*/
    .bio {
        flex-direction: column;
        width: 90%;
        padding: 1vw 0;
        margin: 0 auto;
    }
    .bio img {
        width: 50vw;
        margin: 0 auto;
    }
    .bio p {
        font-size: 4.5vw;
        font-weight: 500;
        text-align: justify;
        text-indent: 4vw;
        
    }
    .biotext a {
        font-size: 4vw;
        
    }
    /*страница биография*/
    .biogr {
        flex-direction: column;
        width: 90vw;
    }
    .biogr img {
        width: 1vw;
       visibility: collapse;
    }
    .biogr p {
        width: 100%;
        text-indent: 2vw;
        font-size: 4.5vw;
        font-weight: 500;
        
    }
    .biotext1 {
        width: 90vw;
    }
    .biotext1 p {
        font-size: 4.5vw;
        font-weight: 500;
    }
    /* положение бургера*/
    .menu__btn {
        left: 80%;
        width: 6vw;
        height: 8vw;
        top: 4vw;
    }
.biotext {
    width: 100%;
}
.exits ul{
        flex-direction: column;
        gap: 2vw;
    }
    .gal img {
        width: 100%;
    }
    .gal p{
        font-size: 7vw
    }
    .exits1 ul {
        width: 90%;
    }
    .news {
        width: 50vw;
        border: 1vw solid rgb(63, 58, 58); 
    }
    .news p {
        font-size: 5vw;
        font-weight: 500;
    }
    .ssylka p {
        font-size: 5vw;
        font-weight: 500;
    }
    .phonemail {
        gap: 7vw;
    }
    .phonemail p {
        font-size: 5vw;
        font-weight: 500;
    }
    .icons img {
        width: 90%;
        padding: 5vw 0;
    }
    .kont {
        padding: 10vw 0;
    }
    .logofinish {
        width: 50vw;
        padding: 9vw 0;
        
    }
    
.newspage ul{
        flex-direction: column;
    }
.newspage img {
        width: 80vw;
    }
    .newspage li {
        width: 80vw;
    
    }
    .newspage p {
        font-size: 7vw;
        
    }
.soder {
    flex-direction: column-reverse;
    
}
.soder p {
    font-size: 5vw;
}

.graf ul{
  width: 100vw;
  justify-content: center;
}
.graf img {
  width: 40vw;
  margin: 2vw;
}
.graf li {
  width: 40%;
}
.gallery {
    padding: 10vw 0 2vw 0;
} 
.flower ul{
  width: 100vw;
  justify-content: center;
  background: rgba(95, 89, 89, 1);
}
.flower img {
  width: 50vw;
  height: 65vw;
}
.flower li {
  width: 50%;
}
.blog {
    padding-top: 15vw;
}
 
.picture {
    width: 100%;
    display: flex;
   flex-direction: column;
     padding-top: 10vw;
} 
.picpod {
    width: 90vw;
    height: auto;
    flex-direction: column;
   
}
.picpod img {
   max-width: 100%;
    height: auto;
}

.picpod p {
    margin: 8vw 2vw;
    font-size: 5vw;
}