.container {
width: min(100% - 2rem, 1280px);
margin-inline: auto;
}
.section {
padding: 4.5rem 0;
}
.page-hero {
padding: 8rem 0 4rem;
}
.page-hero--simple {
min-height: 70vh;
display: grid;
align-items: center;
}
@media (min-width: 768px) {
.section {
padding: 6rem 0;
}
.page-hero {
padding: 10rem 0 5rem;
}
}
@media (min-width: 1200px) {
.section {
padding: 7.5rem 0;
}
}
.grid-12 {
display: grid;
grid-template-columns: repeat(12, minmax(0, 1fr));
gap: 1rem;
}
.content-offset {
width: min(100%, 760px);
}
@media (min-width: 992px) {
.content-offset {
margin-left: 16.666%;
}
}