#logoBar {
    background-color: #b0bcaf;
}

#features {
    background-color: #e5d4d3;
}

#contact {
    background-color: #e8e5de;
}

.ads-logo-container.ads-logo-container {
    display: grid;
    place-items: center;
}

.company-logo,
.ads-logo,
.ads-logo use {
    display: inline-block;
    width: 100%;
    height: autos;
}

.company-logo-container {
    pointer-events: none;
    max-width: 10rem;
}

.company-logo {
    color: white;
}

.company-logo-alt-container {
    max-width: 9rem;
}

.company-logo-alt {
    color: #fff;
}

.video-iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
}

.section-title {
    font-size: 2rem;
    font-weight: 700;
    font-family: var(--primary-font);
}

.icon {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.quote {
    width: 1.5rem;
    aspect-ratio: 1 / 1;
    transform: translateY(-0.5rem);
}

.logo-icon {
    max-width: 100px;
}

@media (min-width: 768px) {
    .section-title {
        font-size: 3rem;
    }
}