.padding-l150 {
    padding-left: 150px;
}

.gap-30 {
    padding-bottom: 30px;
}

.vertical-top {
    vertical-align: top;
}

.univers_21 {
    font-family: 'Univers LT Std 55 Roman';
    font-size: calc(16px + (21 - 16) * ((100vw - 300px) / (1920 - 300)));
    font-style: normal;
    font-weight: normal;
}

.arial-16 {
    font-family: Arial;
    font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1920 - 300)));
}

.material-icons.md-21 {
    font-size: 21px;
}

.gap-top-30 {
    padding-top: 30px;
}

.gap-top-20 {
    padding-top: 20px;
}

.question a {
    color: #001F60;
}

.padding-pl {
    padding-left: 10px;
}

.padding-r50 {
    padding-right: 40%;
}

.padding-r100 {
    padding-right: 100px;
}

#mail:hover {
    color: #f98e2b;
    text-decoration: none;
}

.width-100 {
    width: 100%;
}

/* Small devices (portrait tablets and large phones, 600px and up) */

@media only screen and (min-width: 0px) and (max-width: 348.98px) {
    .padding-l150 {
        padding-left: 10px;
    }
    .padding-r50 {
        padding-right: 10px;
    }
    .padding-r100 {
        padding-right: 10px;
    }
    .img-min-height {
        min-height: 200px;
    }
    .padding-b15 {
        padding-bottom: 15px;
    }
}

@media only screen and (min-width: 350px) and (max-width: 767.98px) {
    .padding-l150 {
        padding-left: 10px;
    }
    .padding-r50 {
        padding-right: 10px;
    }
    .padding-r100 {
        padding-right: 10px;
    }
    .img-min-height {
        min-height: 200px;
    }
    .padding-b15 {
        padding-bottom: 15px;
    }
}

/* Medium devices (landscape tablets, 768px and up) */

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .padding-l150 {
        padding-left: 70px;
    }
    .padding-r50 {
        padding-right: 80px;
    }
    .padding-r100 {
        padding-right: 50px;
    }
}

/* Large devices (laptops/desktops, 992px and up) */

@media only screen and (min-width: 992px) and (max-width: 1198.98px) {
    .padding-l150 {
        padding-left: 120px;
    }
    .padding-r50 {
        padding-right: 15%;
    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */

@media only screen and (min-width: 1200px) {}

.padding-l10 {
    padding-left: 10%;
}

.image-position-70 {
    object-fit: cover;
    object-position: 70% 0;
}