.icons-container {
    background-color: var(--background);
    color: var(--color);
    padding: 48px 84px;
}

.icons-container.theme-light {
    --background: var(--pure-white);
    --color: var(--azamara-blue);
    --headline: var(--azamara-blue);
}

.icons-container.theme-dark {
    --background: var(--azamara-blue);
    --color: var(--pure-white);
    --headline: var(--pure-white);
}


.icons-container .icons-headline {
    text-align: center;
    letter-spacing: 0.025em;
    font-size: 36px;
    line-height: 44px;
    padding-bottom: 48px;
    color: var(--headline);
}

.icons-container>.row {
    --bs-gutter-x: 48px;
    --bs-gutter-y: 48px;
}

.icons-container .additional-text {
    margin-top: 48px;
}

.icons-container .image-wrapper {
    height: 60px;
    width: 60px;
    margin: 0 auto 30px auto;

    text-align: center;
}

.icons-container .image-wrapper img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.icons-container .icon-headline {
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    letter-spacing: 0.025em;
}

.icons-container .icon-container {
    text-align: center;
    align-content: center;
    align-items: start !important;
}


.icons-container .icon-container p.blurb {
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    letter-spacing: 0.05em;
}



/* -sm breakpoint */
@media (min-width: 576px) {
    .icons-container .row {
        align-items: center;
    }
}

/* -md breakpoint */
@media (min-width: 768px) {
    .icons-container {

    }
}

/* -lg breakpoint*/
@media (min-width: 992px) {

}

/* -xl breakpoint */
@media (min-width: 1200px) {
    .icons-container .icons-headline {
        font-size: 48px;
        line-height: 60px;
    }

    .icons-container .icon-headline {
        font-size: 30px;
        line-height: 38px;
    }
}