html{-webkit-text-size-adjust:100%}
img{max-width:100%}

@media (max-width:900px){
.wrap{padding:0 16px}
.hero{padding:60px 0 36px}
section{padding:40px 0}
.band{padding:48px 0}
.task{padding:54px 0}
.task .num{font-size:52px}
.task h2{font-size:28px}
}

@media (max-width:700px){
nav .wrap{height:auto;padding-top:10px;padding-bottom:10px;flex-wrap:wrap;gap:8px}
.links{gap:12px;flex-wrap:wrap}
.hero h1{font-size:30px}
h2{font-size:24px}
.row{flex-direction:column}
.row .btn{width:100%;text-align:center}
.links .btn{width:auto}
.grid{grid-template-columns:1fr 1fr}
.gal{grid-template-columns:1fr 1fr}
.gal img{height:140px}
.task .wrap{grid-template-columns:1fr;gap:20px}
.task:nth-child(even) .tpic{order:0}
.tpic{aspect-ratio:16/10}
footer .wrap{flex-direction:column;gap:12px}
footer .row{flex-direction:row;flex-wrap:wrap}
.plan div{flex-direction:column;gap:2px}
.item{flex-wrap:wrap}
.big{max-height:55vh}
}

@media (max-width:480px){
.grid{grid-template-columns:1fr}
.gal{grid-template-columns:1fr}
.gal img{height:200px}
.pop{right:10px;left:10px;bottom:10px;width:auto}
.btn{padding:12px 18px}
.task .num{font-size:44px}
}

@media (prefers-reduced-motion:reduce){
.rv{opacity:1;transform:none;transition:none}
.pop{transition:none}
.btn,.gal a{transition:none}
}