/*---------------Mobile Viewport----------------*/
@media screen and (max-width: 991px) {
    #article1, #article2, #article3 {
        margin-top: 2em!important;
        margin-bottom: 2em!important;
    }
}
article {
    width: 50rem;
}
h3 {
    font-size: 3em;
    color: #474747;
}
#moreInfo1, #moreInfo2, #moreInfo3 {
    background-color: #ed1c09;
    border-color: #ed1c09;
    font-weight: bolder;
    font-size: 2em;
    padding: 0.75em;
}

/*---------------Larger Viewports---------------*/
@media screen and (min-width: 992px) {
    article {
        width: 18rem;
    }
    h3 {
        font-size: larger;
        color: #474747;
    }
    #moreInfo1, #moreInfo2, #moreInfo3 {
        font-size: 1em;
        padding: 0.25em;
    }
}