/* These are related to the Module views on the Default home page */

.col-md-12 {
    padding: 0;
    margin-bottom: 1em;
}

.row {
    margin: 0;
}

article.col-md-6 {
    padding: 0;
}
.banner {
    margin-bottom: 1em;
}

.article-wrapper {
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}
/*Box*/
article.col-md-6 {
    flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    width: 26em;
    display: flex;
    background: #ffffff;
    margin-right: 1em;
    margin-bottom: 1em;
    border: 2px solid #065188;
}
    /*button*/
    article.col-md-6 a {
        flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        display: inline-block;
        max-width: 200px;
        white-space: normal;
        padding: .25em 1em;
        border: 2px solid #065188;
        color: #065188;
        position: absolute;
        bottom: 1.5em;
    }

        article.col-md-6 a:hover {
            background: #065188;
            color: #fff;
        }
.article_image {
    width: 50%;
    background: #ccc;
}

    .article_image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.article-content-wrapper {
    width: 70%;
    padding: 1em 1em 5em 1em;
    position: relative;
}

article.col-md-6:nth-child(even) {
    margin-right: 0;
}
/* mobile styling */
@media only screen and (max-width: 875px) {
    article.col-md-6 {
        margin-right: 0;
    }
}

@media only screen and (max-width: 560px) {
    .logo-wrapper {
        float: none;
        margin: 1em auto;
    }

    .social-wrapper {
        float: none;
        margin: 1em auto 1em auto;
        text-align: center;
    }

    article.col-md-6 a {
        position: relative;
        bottom: auto;
    }

    .article-content-wrapper {
        padding: 1em;
    }
}