@media (min-width: 768px) {:root { --st-header-height: 80px; } .st-main { padding-top: var(--st-header-height); } .st-container { padding: 0 var(--st-gutter); } .st-hero { height: 80vh; min-height: 500px; margin-top: calc(-1 * var(--st-header-height)); } .st-features__grid { grid-template-columns: repeat(4, 1fr); } .st-posts-grid { grid-template-columns: repeat(2, 1fr); } .st-villas-grid { grid-template-columns: repeat(2, 1fr); } .st-services__grid { grid-template-columns: repeat(2, 1fr); } .st-stats__grid { grid-template-columns: repeat(4, 1fr); } .st-section-title { font-size: 2rem; letter-spacing: 12px; } } @media (min-width: 1024px) { .st-nav { display: block; } .st-header__cta { display: inline-block; } .st-hamburger { display: none; } .st-posts-grid { grid-template-columns: repeat(3, 1fr); } .st-villas-grid { grid-template-columns: repeat(3, 1fr); } .st-services__grid { grid-template-columns: repeat(3, 1fr); } .st-hero { height: 85vh; min-height: 600px; } } /* html body overflow removed */