.principal-case-image {
background-position: center;
background-repeat: no-repeat; 
background-size: cover;
height:700px;
margin-bottom: 2rem;
}

.principal-case-container{
width: 100%;
}

.principal-case h3 {
    font-family: 'Articulat-Light';
    font-size: 43px;
}

.principal-case h4 {
    font-family: 'Articulat-Light';
    text-transform: uppercase;
    font-size: 26px;
}

.principal-case p {
    font-family: 'Articulat-Regular';
    font-size: 23px;
}

.principal-case{
    margin-bottom: 5rem;
}

@media screen and (min-width:320px) and (max-width:480px) {
    .principal-case-image{
        height: 490px;
    }
    .principal-case h3{
        font-size: 35px;
    }
    .principal-case h4{
    font-size: 22px;
    margin: 0.5rem 0 0.9rem;
    }
    .principal-case p{
        font-size: 16px;
    }
}