/* COLORI */

:root{
    --primary-color: #121CDE;
    --lighter-color: #FFF;
    --darker-color: #231F20;
    --secondary-color: #99B8FC;
}

.blue{
    color: var(--primary-color);
}

.white{
    color: var(--lighter-color);
}

.ciano{
    color: var(--secondary-color);
}

.black{
    color: var(--darker-color);
}

/* TIPOGRAFIA */

h1{
    font-family: 'Montserrat', sans-serif;
    font-size: 70px !important;
    font-weight: bold !important;
    line-height: 90px !important;
}


h2{
    font-family: 'Montserrat', sans-serif;
    font-size: 45px;
    font-weight: bold !important;
}


h3{
    font-family: 'Montserrat', sans-serif;
    font-size: 25px !important;
    font-weight: 400 !important;
    line-height: 45px !important;
}

h4{
    font-family: 'Montserrat', sans-serif;
    font-size: 25px;
    font-weight: 500;
}

p{
    font-family: 'Montserrat', sans-serif;
    font-size: 21px;
    font-weight: normal;   
    line-height: 35px;  
}

.nav-link{
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    color: var(--primary-color) !important;
    text-transform: uppercase;
    font-size: 20px;
}


.price{
    font-family: 'Montserrat', sans-serif;
    font-size: 65px !important;
    font-weight: bold;   
}

.postille{
    font-size: 18px;
    font-weight: normal;   
    line-height: 35px;  
}

.footer-text{
    font-size: 15px !important;
}
/* BOTTONI */

.primary-button{
    border-radius: 27px !important;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 33px;
    padding-right: 33px;
    text-transform: uppercase;
    color: var(--lighter-color) !important;
    background-color: var(--primary-color) !important;
    min-width: 150px;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 500;
}

.secondary-button{
    border-radius: 27px !important;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 33px;
    padding-right: 33px;
    text-transform: uppercase;
    color: var(--lighter-color) !important;
    background-color: var(--primary-color) !important;
    min-width: 150px;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 500;
}

.btn-outline-success{
    border-radius: 27px !important;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 33px;
    padding-right: 33px;
    text-transform: uppercase;
    border: 2px solid var(--primary-color) !important;
    background-color: var(--lighter-color) !important;
    color: var(--primary-color) !important;
    min-width: 170px;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 500;
}