/* =========================
   GLOBAL IMPROVEMENTS
========================= */

* {
    box-sizing: border-box;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

.button {
    display: inline-block;
    padding: 15px 35px;
    text-align: center;
    white-space: normal;
}

h1, h2, h3, h4, h5, h6, p, li, a, span, div {
    overflow-wrap: break-word;
    word-wrap: break-word;
}

/* =========================
   TABLET + MOBILE
========================= */
@media only screen and (max-width: 991px) {

    #hero,
    #callout {
        padding-top: 70px !important;
        padding-bottom: 80px !important;
    }

    .button {
        padding: 14px 28px !important;
        font-size: 16px !important;
        line-height: 1.3 !important;
    }
}

/* =========================
   MOBILE ONLY
========================= */
@media only screen and (max-width: 767px) {

    #hero,
    #callout {
        padding-top: 45px !important;
        padding-bottom: 55px !important;
    }

    #hero .contentTitle,
    #callout .contentTitle {
        font-size: 34px !important;
        line-height: 1.15 !important;
    }

    #hero .contentText,
    #callout .contentText,
    #hero p,
    #callout p {
        font-size: 16px !important;
        line-height: 1.5 !important;
    }

    p,
    li,
    .contentText {
        font-size: 16px !important;
        line-height: 1.6 !important;
    }

    h1 {
        font-size: 34px !important;
        line-height: 1.2 !important;
    }

    h2 {
        font-size: 28px !important;
        line-height: 1.25 !important;
    }

    h3 {
        font-size: 24px !important;
        line-height: 1.3 !important;
    }

    h4 {
        font-size: 20px !important;
        line-height: 1.3 !important;
    }

    .button {
        width: 100%;
        max-width: 320px;
        padding: 14px 20px !important;
        font-size: 16px !important;
        line-height: 1.25 !important;
    }

    .button + .button {
        margin-top: 12px;
    }

    .cols3.imgMgn0 .imgGridItem {
        width: 100% !important;
    }

    [class*="cols2"] > *,
    [class*="cols3"] > *,
    [class*="cols4"] > * {
        width: 100% !important;
        max-width: 100% !important;
    }

    .items_dc82d842045749cbaf4df5f7d5f89822 > .item {
        display: flex !important;
        flex-direction: column !important;
    }

    .items_dc82d842045749cbaf4df5f7d5f89822 .itemImg,
    .items_dc82d842045749cbaf4df5f7d5f89822 .itemContent {
        width: 100% !important;
        max-width: 100% !important;
    }

    .items_dc82d842045749cbaf4df5f7d5f89822 .itemImg {
        margin-bottom: 20px !important;
    }

    .blockWrap_e188676d1fe341cf8f086455921cb548 {
        background-position: center center !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
    }

    .block,
    .blockWrap,
    [class*="blockWrap_"] {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    input,
    select,
    textarea,
    button {
        font-size: 16px !important;
        max-width: 100%;
    }

    table {
        display: block;
        width: 100%;
        overflow-x: auto;
    }

    iframe,
    video {
        max-width: 100%;
    }

    .blockWrap_b714beb0fcaa4f298ac2dcde2c3f5de6 img,
    .blockWrap_db62bde9cf32494b99ab2e9598042f80 img,
    .blockWrap_bd861a70e9514a2d8288b8a80dd1b2ba img,
    .blockWrap_c7a95ecdb49c4c2e82519da83e2f8461 img,
    .blockWrap_af6a66dc5e424b8a8e7dd2c4b9a365c1 img,
    .blockWrap_f642f95702a7437fa572275a38631a1e img {
        border-radius: 24px !important;
    }
}

/* =========================
   DESKTOP IMAGE RADIUS
========================= */

.blockWrap_b714beb0fcaa4f298ac2dcde2c3f5de6 img,
.blockWrap_db62bde9cf32494b99ab2e9598042f80 img,
.blockWrap_bd861a70e9514a2d8288b8a80dd1b2ba img,
.blockWrap_c7a95ecdb49c4c2e82519da83e2f8461 img,
.blockWrap_af6a66dc5e424b8a8e7dd2c4b9a365c1 img,
.blockWrap_f642f95702a7437fa572275a38631a1e img {
    border-radius: 65px;
}