header {
    background-image: url(../img/1480/astrakhan.webp);
} 

.zapis button {background-color: #f0f0f0;border-radius: 100px;}

.me {
margin: 100px;
/* align-items: center; */
justify-content: center;
gap: 0 25px;
}
.me div, .me img {
  width: 50%;
}
div img {
  object-fit: cover;
}
@media (max-width: 1040px){
.me {flex-direction: column; align-items: center; gap: 25px 0; margin: 100px 5px}
.me div, .me img {
  width: 95%;
}
}
.gallery { 
justify-content: center;
margin: 0 auto;
    width: 100%;
    max-width: 1200px; gap: 1%;
	}
@media screen and (max-width: 1200px) {
    .gallery {
        max-width: 960px; margin-bottom: 100px;
    }
}
@media screen and (max-width: 960px) {
    .gallery {
        max-width: 640px;
    }
}
.one, .two {gap: 1%;
    width: 48%;
	}
.one {flex-wrap: wrap; 
	}
.tre {
    width: 98%;
	}
.one, .two, .tre {aspect-ratio: 1/1
	}

.gallery img {width: 100%; height: 100%;
}
@media screen and (max-width: 960px) {
.gallery { 
flex-direction: column;
	}
.one { justify-content: center;
        width: 100%;
		margin-bottom: 1%;
    }
}
section {
    text-align: left;
}
.me h4 {
    font-size: 42px;
	font-weight: 700;
}
@media screen and (max-width: 1200px) {
.me h4 {
    font-size: 38px;
}
}
.me button {
    border: 0;
    background-color: #000;
	color: #fff;
	height: 60px;
    font-size: 16px;
}
em, p {
font-size: 20px;
}
@media screen and (max-width: 1260px) {
em, p {
        font-size: 15px;
    }
}
.lhr {justify-content: flex-start;}
hr {margin-left: 0;}


aside {flex-direction: column;align-items: center;
}

aside h3 {
font-size: 42px;
}

.otzivi {margin: 10px 0 30px;gap: 5px;
flex-wrap: wrap;
justify-content: center;
}
@media (max-width: 700px){
.otzivi img {
width: 90%; 
} 
} 

aside ul {gap: 30px;flex-direction: column;width: 780px;
} 
@media screen and (max-width: 780px) {
aside ul {max-width: 640px;
} 
}
@media screen and (max-width: 640px) {
aside ul {width: 95%;
} 
}
aside ul li {max-width: 700px;
}
.lotziv { align-self: flex-end;}

.otziv {text-align: left;
padding: 30px 35px;
    border-radius: 10px;
    background-color: #fff;
}
aside h5 {
font-size: 16px;
line-height: 1.35;
}
aside h6, aside p, main > h5{
line-height: 1.55;
}
aside p {
font-size: 15px;
}

@media screen and (max-width: 1200px) {
aside h5 {
        font-size: 14px;
    }
}
@media screen and (max-width: 1200px) {
aside h5, aside h6 {
        font-size: 12px;
    }
}
@media screen and (max-width: 640px) {
aside h5 {
        font-size: 12px;
    }
}

main > h4 {
        font-size: 36px;
		font-weight: 600;
    }
@media screen and (max-width: 1200px) {
main > h4 {
        font-size: 32px;
    }
}
@media screen and (max-width: 640px) {
main > h4 {
        font-size: 28px;
    }
}
main > h5 {
        font-size: 20px;
    }
	
@media screen and (max-width: 1200px) {
main > h5 {
        font-size: 18px;
    }
}
@media screen and (max-width: 640px) {
em, p, main > h5 {
        font-size: 16px;
        line-height: 1.45;
    }
}