/* Contact page */
.split {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    align-items: start;
}
.panel {
    padding: 52px 48px 48px;
    background: var(--bg2);
    border-radius: var(--rimg);
}
.panel h4,
.panel .kicker {
    margin: 0 0 8px;
}
.panel h4.gap,
.panel .kicker.gap {
    margin-top: 40px;
}
.panel .bigphone {
    font-size: 40px;
    margin: 0 0 10px;
}
.panel .panellead {
    color: var(--ink2);
    margin-bottom: 22px;
}
.panel .hours {
    width: 100%;
}
.panel p {
    margin-bottom: 10px;
}
.sec.first .panel .socials {
    margin-top: 40px;
}
.note {
    padding: 8px 0 0 64px;
}
.note h2 {
    margin-bottom: 8px;
}
.note > .muted {
    margin-bottom: 28px;
}

/* Name and Email side by side */
.form .cols {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 20px;
}

/* Find us on teal */
.findus {
    background: var(--accent);
    color: #fff;
}
.findus h2,
.findus h3 {
    color: #fff;
}
.findus h3 {
    margin-top: 36px;
}
.findus p {
    color: rgba(255, 255, 255, .9);
}
.findus .lead {
    color: #fff;
}
.findus .link {
    color: #fff;
    border-color: rgba(255, 255, 255, .45);
}
.findus .link:hover {
    border-color: #fff;
}
.findus .map {
    border-color: rgba(255, 255, 255, .25);
}

@media (max-width: 980px) {
    .split {
        grid-template-columns: 1fr;
        gap: 36px;
    }
    .note {
        padding: 0;
    }
}

@media (max-width: 600px) {
    .form .cols {
        grid-template-columns: 1fr;
        gap: 0;
    }
    .panel {
        padding: 28px 22px;
    }
}