.main--content-container{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2% 2%;
    gap: 15px;
    margin-top: 10dvh;

    @media(max-height: 600px) and (orientation: landscape){
        margin-top: 20dvh;
    }

    @media (min-width: 768px) and (min-height: 600px){
        margin-top: 12dvh;
    }

    @media (min-width: 1000px) {
        margin-top: 17dvh;
    }
}

.page--title{
    color: #a24a16;
    font-family: "Montserrat";
    padding: 5% 5%;
    font-size: 18px;    

    @media (max-height: 600px) and (orientation: landscape){
        padding: 3% 1%;
    }

    @media (min-width: 768px) and (min-height: 600px){
        padding: 2% 1%;
        font-size: 22px;
    }
}

.card--title, .content-title{
    line-height: 5px;
}