/*
GROSSO
<div class='p-2' style='background-color: #002855; padding: 30px; margin-top: 40px;margin-left: 15px; margin-right: 15px;'>

<h4 class='text-center' style='color: white'>Promozione valida per le navi in partenza da Savona dal 1.12.2020 al 31.01.2021</h4>
</div>
*/

.offerta {
    background-color: rgba(7, 41, 84, .6) ;
    padding-bottom: 50px;
}

.claim {
    padding-top: 80px;
}

.claim-tariffe h3{
    color: white;
}
.claim-tariffe h4{
    color: white;
}


.claim h3 {
    display: block;
    padding-top: 30px;
    font-family: 'Raleway';
    font-weight: 900;
    font-size: 30px;
    text-align: center;
    color: white;
    text-shadow: 3px 1px 3px rgba(0, 0, 0, 1);
}

.claim h4 {
    display: block;
    font-family: 'Raleway';
    font-weight: 200;
    font-size: 15px;
    text-align: left;
    color: white;
    margin-left: 50px;
    margin-right: 50px;
    text-shadow: 3px 1px 3px rgba(0, 0, 0, 1);
}

.claim-tariffe h3 {
    display: block;
    padding-top: 30px;
    font-family: 'Raleway';
    font-weight: 900;
    font-size: 30px;
    text-align: center;
    color: white;
    text-shadow: 3px 1px 3px rgba(0, 0, 0, 1);
}

.claim-tariffe h4 {
    display: block;
    font-family: 'Raleway';
    font-weight: 200;
    font-size: 15px;
    text-align: left;
    color: white;
    margin-left: 50px;
    margin-right: 50px;
    text-shadow: 3px 1px 3px rgba(0, 0, 0, 1);
}


/*
@media (max-width: 1199px) {

    .claim {
        padding-top: 60px;
    }

    .claim h3 {
        padding-top: 10px;
        font-family: 'Raleway';
        font-size: 30px;
    }

    .claim h4 {
        font-family: 'Raleway';
        font-size: 20px;
    }
}

@media (max-width: 991px) {
    .claim {
        padding-top: 40px;
    }

    .claim h3 {
        padding-top: 10px;
        font-family: 'Raleway';
        font-size: 20px;
    }

    .claim h4 {
        font-family: 'Raleway';
        font-size: 15px;
    }
}

@media (max-width: 767px) {
    .claim {
        padding-top: 20px;
    }

    .claim h3 {
        padding-top: 20px;
        font-family: 'Raleway';
        font-size: 16px;
    }

    .claim h4 {
        font-family: 'Raleway';
        font-size: 14px;
    }
}
*/

/*
GROSSO
<div class='p-2' style='background-color: #002855; padding: 30px; margin-top: 40px;margin-left: 15px; margin-right: 15px;'>
<h1 class='text-center' style='font-family: Raleway;  font-weight: 900; font-size: 40px; text-align: center''>Vieni in Crociera con la tua auto<br>il parcheggio lo paga Costa</h1>
<h4 class='text-center' style='color: white'>Promozione valida per le navi in partenza da Savona dal 1.12.2020 al 31.01.2021</h4>
</div>

PICCOLO
<div class="p-2" style="background-color: #002855;padding: 5px;margin-top: 12px;margin-left: 15px;margin-right: 15px;">
<h1 class="text-center" style="font-family: Raleway;font-weight: 900;font-size: 13px;text-align: center center;color: white;" '="">Vieni in Crociera con la tua auto<br>il parcheggio lo paga Costa</h1>
<h4 class="text-center" style="color: white">Promozione valida per le navi in partenza da Savona dal 1.12.2020 al 31.01.2021</h4>
</div>

*/