.grid {
    display: grid;
    gap: 10px 30px;
    grid-template-columns: repeat(12, 1fr);
}

@media screen and (max-width: 748px) {
    .grid .grid {
        gap: 10px 10px;
    }
}.

mobile-only {
    display: none;
}

@media screen and (max-width: 768px) {
    .mobile-only {
        display: block;
    }
}

.hero,
#another-form,
.toggle,
.pill,
.testimonials,
.coa,
.benefits,
.comfort,
.did-you-know,
.daily,
.katz,
.supplement,
.wake,
.sample,
#survey-form {
    font-family: 'Source Sans Pro', sans-serif;
}

.hero h2,
#another-form h2,
.toggle h2,
.pill h2,
.testimonials h2,
.coa h2,
.benefits h2,
.comfort h2,
.did-you-know h2,
.daily h2,
.katz h2,
.supplement h2,
.wake h2,
.sample h2,
#survey-form h2 {
    font-size: 32px !important;
    line-height: 36px !important;
}

.hero .section-title,
#another-form .section-title,
.toggle .section-title,
.pill .section-title,
.testimonials .section-title,
.coa .section-title,
.benefits .section-title,
.comfort .section-title,
.did-you-know .section-title,
.daily .section-title,
.katz .section-title,
.supplement .section-title,
.wake .section-title,
.sample .section-title,
#survey-form .section-title {
    font-weight: 400;
    text-align: center;
    margin-bottom: 20px !important;
}

.hero .section-title span,
#another-form .section-title span,
.toggle .section-title span,
.pill .section-title span,
.testimonials .section-title span,
.coa .section-title span,
.benefits .section-title span,
.comfort .section-title span,
.did-you-know .section-title span,
.daily .section-title span,
.katz .section-title span,
.supplement .section-title span,
.wake .section-title span,
.sample .section-title span,
#survey-form .section-title span {
    font-weight: 600;
}

.hero .img-container img,
#another-form .img-container img,
.toggle .img-container img,
.pill .img-container img,
.testimonials .img-container img,
.coa .img-container img,
.benefits .img-container img,
.comfort .img-container img,
.did-you-know .img-container img,
.daily .img-container img,
.katz .img-container img,
.supplement .img-container img,
.wake .img-container img,
.sample .img-container img,
#survey-form .img-container img {
    width: 100%;
}

.hero .text-box,
#another-form .text-box,
.toggle .text-box,
.pill .text-box,
.testimonials .text-box,
.coa .text-box,
.benefits .text-box,
.comfort .text-box,
.did-you-know .text-box,
.daily .text-box,
.katz .text-box,
.supplement .text-box,
.wake .text-box,
.sample .text-box,
#survey-form .text-box {
    padding: 10px 20px 20px;
    border-radius: 10px;
    box-shadow:
            rgba(0, 0, 0, 0.15) 0px 10px 20px,
            rgba(0, 0, 0, 0.20) 0px 5px 5px;
}

.hero label,
#another-form label,
.toggle label,
.pill label,
.testimonials label,
.coa label,
.benefits label,
.comfort label,
.did-you-know label,
.daily label,
.katz label,
.supplement label,
.wake label,
.sample label,
#survey-form label {
    display: none;
}