@media print, screen and (min-width: 48em) {
    .card--vertical .card__bg-img {
        height: 11.875em;
    }

        .card--vertical .card__bg-img > .card__img {
            height: 100%;
            min-height:180px;
        }

    .hide-for-large {
        display: none !important;
    }

    .block--lg {
        display: block;
    }

    .mr-auto--lg, .mx-auto--lg {
        margin-right: auto;
    }
}




@media print, screen and (min-width: 36em) {
    .card--horizontal .card__bg-img > .card__img {
        height: 100%;
    }

    .card--horizontal .card__bg-img {
        width: 75%;
    }

    .card[href].card--horizontal, .card[href].card--vertical {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal;
    }

    .card[href].card--horizontal {
        -webkit-box-orient: horizontal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .card {
        text-align: left;
    }

    .h6, h6 {
        font-size: .8em;
    }

    .h5, .h6, h5, h6 {
        line-height: 1.2;
        margin-bottom: .625em;
        margin-top: 0;
    }

    .card__content {
        width: 100%;
    }

    .card__bg-img > .card__img {
        /*background-position: 50%;*/
    }

    .card[href].card--vertical {
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .card[href].card--horizontal, .card[href].card--vertical {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal;
    }
}

.card {
    background-color: #fff;
    border: .0625em solid #dcdfe1;
    border-radius: .25em;
    -webkit-box-shadow: 0 0 0.5em 0 rgba(54,67,77,.2);
    box-shadow: 0 0 0.5em 0 rgba(54,67,77,.2);
    overflow: hidden;
    position: relative;
    text-decoration: none;
    width: 100%;
}


.mb-3, .my-3 {
    margin-bottom: 3em;
}

.card[href]:focus, .card[href]:hover {
    -webkit-box-shadow: 0 0.25em 0.75em rgba(54,67,77,.2);
    box-shadow: 0 0.25em 0.75em rgba(54,67,77,.2);
    -webkit-transform: translateY(-.2em);
    transform: translateY(-.2em);
}

h6 {
    color: #969ea7;
    letter-spacing: .0714em;
    text-transform: uppercase;
}

.card__body, .card__head {
    margin: 1.5em;
}

    .card__head h4 {
        color: #2e3e4f;
        font-family: NeutroMYOB-Medium,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
        font-style: normal;
        font-weight: 500;
        text-rendering: optimizeLegibility;
        font-size: 1.25em;
    }

h6 small {
    color: #969ea7;
    line-height: 0;
}

small {
    font-size: 87.5%;
}

.card__body h6 {
    color: #969ea7;
    letter-spacing: .0714em;
    text-transform: uppercase;
    font-size: .8em;
    font-weight: 400;
}

.fg-storm-100 {
    color: #2e3e4f;
    fill: #2e3e4f;
}

.card__body, .card__head {
    margin: 1.5em;
}

.card__bg-img > .card__img {
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    height: 12em;
}

.card[href] {
    display: block;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.card:after, .card:before {
    content: " ";
    display: table;
}

.card__bg-img {
    min-width: 7em;
}

.mb-1, .my-1 {
    margin-bottom: 1em;
}

.card__head h5 {
    line-height: 1.2;
    margin-bottom: .625em;
    margin-top: 0;
    font-size: 1em;
    color: #2e3e4f;
    font-style: normal;
}

.gradient:before, .header-legacy:before, .header:before {
    background-color: #b93499;
    background-image: -webkit-gradient(linear,left top,right top,from(#005DA4),color-stop(#8241aa),color-stop(#b93499),to(#ec0677));
    background-image: linear-gradient(120deg, rgba(112, 178, 228, 0.89) 21%, #005DA4 100%);
    content: "";
    display: block;
    height: .25em;
    position: relative;
    width: 100%;
}
.text-center {
    text-align: center;
}
.icon--md {
    height: 1.5rem;
    width: 1.5rem;
}

.icon {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 2rem;
    position: relative;
    width: 2rem;
}

#divBlogContent  hr {
    border: 0;
    border-bottom: .0625em solid #dcdfe1;
    clear: both;
    height: 0;
    margin: 1rem auto;
    max-width: 75rem;
}