*{
    font-family:'Roboto';
    box-sizing:border-box;
}
.ministrant{
    font-size:1.3vw;
    width:85%;
    text-align: justify;
    margin:4vw auto 3vw;
}
.ministrant h1{
    text-align:center;
    margin-bottom:2.5vw;
    font-size:2vw;
}
.caritas{
    width:70%;
    max-width:1000px;
    margin:auto;
    padding:50px;
    margin-bottom:150px;
}
#caritas{
    width:30%;
    height:20vw;
    max-height:300px;
}
#caritas2{
    width:68%;
    margin-left:1%;
    height:20vw;
    max-height:300px;
}
@media screen and (max-width:800px)
{
    .ministrant{
        width:100%;
        font-size:4vw;
        text-align:left;
        padding:4vw;
    }
    .ministrant h1{
        font-size:7vw;
    }
    #caritas{
        height:25vw;
        width:22vw;
        margin-left:12vw;
    }
    #caritas2{
        height:25vw;
        width:50vw;
    }
    .caritas{
        padding:0;
        width:100%;
    }
}