.article-body {
    margin: 0 18em;
}

.article-img {
    float: left;
    justify-content: left;
    text-align: left;
    padding-right: 1.8rem;
    padding-bottom: 1.8rem;
}

.article-centerimg {
    background-image: url('/images/sjlaunch.png');
    background-size: contain;
    background-repeat: no-repeat;
    max-width: 30px;
    height: auto;
}

.article-centerimg3 {
    background-image: url('/images/Featured.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 400px;
}

.article-centerimg4 {
    background-image: url('/images/lovestripasl.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 400px;
}

.article-centerimg5 {
    background-image: url('/images/helpasllist.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 400px;
}

ul {
    list-style: disc outside none;
    color: black;
}

.article-text {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    text-align: left;
    line-height: 2;
    font-size: 20px;

}

.float-right img {
    float: right;
    display: inline-flex;
    width: 50%;
    height: auto;
    padding-left: 30px;
}

.float-left img {
    float: left;
    display: inline-flex;
    width: 50%;
    height: auto;
    padding-right: 30px;
}
.article-author {
    font-style: italic;
}

@media screen and (max-width: 1168px) {
    .article-body {
        margin: 0 10em;
    }
}

@media screen and (max-width: 968px) {
    .article-body {
        margin: 0 5em;
        font-size: 17px;
    }
}

@media screen and (max-width: 768px) {
    .article-body {
        margin: 0 3em;
        font-size: 17px;
    }
    .article-img {
        float: none;
        justify-content: center;
        text-align: center;
        padding-right: 1.8rem;
        padding-bottom: 1.8rem;
        margin: 0 auto;
    }
    .article-centerimg {
        background-image: url('/images/sjlaunch.png');
        background-size: contain;
        background-repeat: no-repeat;
        width: 100%;
        min-height:300px;
    }
    .article-centerimg3 {
            background-image: url('/images/Featured.png');
            background-size: contain;
            background-repeat: no-repeat;
            width: 100%;
            min-height:300px;
    }
}