@media (max-width: 1000px) { .desktop-nav { display: none; } .section-head { display: block; } .section-head > p { margin-top: 20px; } .products-grid, .why-grid { grid-template-columns: 1fr; } .stats { grid-template-columns: repeat(2, 1fr); } .footer-top { display: block; } .footer-links { margin-top: 35px; } }
@media (max-width: 620px) { .site-header { height: 70px; padding: 0 5%; } .logo { font-size: 27px; letter-spacing: 6px; } .hero__image { object-position: 63% center; } .hero-inner { padding: 110px 6% 60px; } .hero h1 { font-size: 48px; } .section { padding: 75px 6%; } .band { padding: 65px 6%; } .stats { grid-template-columns: 1fr; } .footer-links { grid-template-columns: 1fr; gap: 22px; } .footer-bottom { display: block; line-height: 2; } }