#news {
    padding: 3.125rem 0 6.25rem;

    .title {
        color: $red;
        font-size: 2.5rem;
        font-weight: bold;
        padding-left: 1.25rem;
        margin-bottom: 1.875rem;
        text-transform: uppercase;

        .separator {
            color: #b6b6b9;
            padding: 0 .94rem;
            font-weight: lighter;
        }

        .tagline {
            font-size: 1.3750rem;
            color: $text-color;
            font-weight: normal;
            text-transform: none;
        }
    }

    .btn {
        margin-bottom: 1.17rem;
    }

    .date {
        color: $gray;
        font-size: 0.875rem;
        margin-bottom: 1.875rem;
    }

    h4 {
        color: $blue;
        margin-top: 0;
        margin-bottom: 1rem;
    }

    p {
        margin-bottom: 1rem;
    }

    .row {
        display: flex;

        .col-lg-4 {
            flex: 1;
            padding-bottom: 2.34rem;

            .inner {
                padding: 0 1.25rem;
            }
        }
    }

    .readmore {
        bottom: 0;
        color: $blue;
        left: 2.1875rem;
        font-weight: bold;
        position: absolute;
        text-decoration: none;
        padding-bottom: .625rem;
        text-transform: uppercase;
        border-bottom: 4px solid $blue;
    }
}

@media (max-width: $screen-md-max) {
    #news {
        padding-bottom: 1.875rem;

        .row {
            display: inherit;

            > div {
                margin-bottom: 4.375rem;
            }
        }
    }
}
