*,
*::before,
*::after {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body {
margin: 0;
min-width: 320px;
overflow-x: hidden;
} .c-container {
width: 100%;
max-width: 1280px;
margin-inline: auto;
padding-inline: 64px;
}
@media (max-width: 991px) {
.c-container {
padding-inline: 40px;
}
}
@media (max-width: 640px) {
.c-container {
padding-inline: 22px;
}
} .c-section {
padding-block: 88px;
}
.c-section--small {
padding-block: 60px;
}
.c-section--large {
padding-block: 120px;
} .c-grid {
display: grid;
gap: 28px;
}
.c-grid--2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.c-grid--3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.c-grid--4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
} .c-flex {
display: flex;
}
.c-flex-center {
display: flex;
align-items: center;
justify-content: center;
}
.c-flex-between {
display: flex;
align-items: center;
justify-content: space-between;
} img {
max-width: 100%;
height: auto;
display: block;
} .c-content {
max-width: 760px;
}
.c-content--wide {
max-width: 960px;
} .text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.hidden {
display: none !important;
} .section-heading {
margin-bottom: 42px;
}
.section-heading h2 {
margin: 0 0 10px;
}
.section-heading p {
margin: 0;
max-width: 680px;
} .alignwide {
width: 100%;
max-width: 1280px;
margin-inline: auto;
}
.alignfull {
width: 100%;
max-width: none;
}
.wp-block-image img {
height: auto;
}