/* ===== AspenRose Main Title ===== */
.aRMainTitle{ 
    background-color: white;
    width: 50%;
    position: relative;
    bottom: 94px;
    left: 6%;
    padding: 2% 7% 2% 2%;
}

.textUnderline{
    text-decoration: underline;
}

h4{
    font-size: 19px;
}

h5 {
    font-size:17px;
}
/* =============================== */




/* ===== Main Text ===== */
.textAlign{
    text-align: left;
    /* padding-left: 5%;
    padding-right:5%; */
}



/* ===== Second Image Alignment ===== */
.smallerImg{
    text-align: center;
    width: 84%;
    padding-left: 10%;
}




/* ===== Related Articles ===== */
h1.relatedArticles {
    font-size: 38px;
}

.relatedArticles{
    padding: 5% 0 0 1%;
}

.related-column{
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.related-title{
    font-size:30px;
}

.related-description{
    max-width: 295px;
    font-size:19px
}

.col-sm-12.related-description{
    padding-left:0;
}





/* ===== Media Queries ===== */
@media (min-width:642px){
    .textAlign{
        padding: 0 5% 0 8%;
    }
}

@media (max-width: 641px){
    /* Fix ALignment of Text with first Image */
    .aRMainTitle {
        width: 96%;
        bottom: 34px;
        left: 2%;
        padding: 2% 2% 2% 2%;
    }

    /* Fix Alignment of Second Image */
    .smallerImg{
        width: 100%;
        padding-left: 4%;
    }
}

@media (max-width:625px){
    /* Center Related Articles */
    .related-column{
        justify-content: center;
    }

    .relatedArticles{
        text-align: center;
    }
}