.subject-container {
    display: flex;
    flex-direction: column;
    /* background-color: blue; */
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 50px;
}

.subject-container .subject-title-container {
    display: flex;
    justify-content: center;
    max-width: 700px;
}

.subject-container .subject-title-container h1 {
    font-family: 'Aller Std 1';
    font-size: 40px;
    color: #494949;
}


.subject-container .subject-content-container {
    display: flex;
    justify-content: left;
    flex-direction: column;
    max-width: 700px;
}

.subject-container .subject-content-container img {
    border-radius: 10px;
    margin: 20px 0px 30px 0px;
}

.subject-container .subject-content-container h2 {
    font-family: 'Aller Std 1';
    font-size: 25px;
    margin: 0px;
    color: #494949;
}

.subject-container .subject-content-container p {
    font-family: 'Aller Std 6';
    color: #6d6d6d;
    font-size: 17px;
}

.subject-container .subject-content-container p b {
    font-family: 'Aller Std 1';
    color: #494949;
    font-size: 17px;
}

#last-update {
    font-family: 'Aller Std 6';
    font-size: 12px;
}



@media screen and (orientation : portrait) {


    .subject-container .subject-title-container {
        width: 90%;
    }
    .subject-container .subject-content-container {
        width: 90%;
    }
}