/* CSS HEX
    --cultured: #f3f3f3;
    --old-lace: #f5f1e3;
    --light-sky-blue: #83d3ff;
    --blue-green: #4291b4;
    --lapis-lazuli: #366489;
    --ruby: #d81159;
    --spanish-orange: #ec6a00;

     CSS HSL
    --cultured: hsla(0, 0%, 95%, 1);
    --old-lace: hsla(47, 47%, 93%, 1);
    --light-sky-blue: hsla(201, 100%, 76%, 1);
    --blue-green: hsla(198, 46%, 48%, 1);
    --lapis-lazuli: hsla(207, 43%, 37%, 1);
    --ruby: hsla(338, 85%, 46%, 1);
    --spanish-orange: hsla(27, 100%, 46%, 1);

    SCSS RGB
    $cultured: rgba(243, 243, 243, 1);
    $old-lace: rgba(245, 241, 227, 1);
    $light-sky-blue: rgba(131, 211, 255, 1);
    $blue-green: rgba(66, 145, 180, 1);
    $lapis-lazuli: rgba(54, 100, 137, 1);
    $ruby: rgba(216, 17, 89, 1);
    $spanish-orange: rgba(236, 106, 0, 1);

    */

/* Fonts */

    html, body, p, a {
        font-family: 'Raleway', sans-serif;
        font-weight: 300;
        font-style: normal;
        color: #366489;
    }
    body{
        position: relative;
        background-color: #f3f3f3;

    }
    h1, h2, h3, h4, h5, h6 {
        font-family: 'Poppins', sans-serif;
        font-weight: 300;
        font-style: normal;
        color: #366489;
    }
    a {
        cursor: pointer;
        font-weight: inherit;
        text-decoration: none;
    }
    a:hover {
        color:#83d3ff
    }

    .box-firma {
        display: contents;
    }
    .firma {
        font-family: 'Great Vibes', cursive;
        font-weight: 300;
        font-style: normal;
        color: #366489;
        font-size: 24px;
        text-align: center;
        border-bottom: 2px solid #366489;
        padding: 0 1rem;
        padding-bottom: 0.5rem;
    }
    .citazione {
        font-family: 'Raleway', sans-serif;
        font-weight: 500;
        font-style: normal;
        color: #366489;
        font-size: 24px;
        text-align: center;
        letter-spacing: 1px;
    }

/* Stile Sito */

    hr {
    }
    button:focus {
        box-shadow: none;
    }
    .btn:focus {
        box-shadow: none;
    }
    .mobile_show {
        display: none;
    }
    .mobile_hide {
        display: block;
    }
    .tablet_show {
        display: none;
    }
    .tablet_hide {
        display: block;
    }
    section {
        position: relative;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
        scroll-margin-top:72px;
    }
    .section {
        position: relative;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
    .section-title {
        background-color: #366489;
        text-align: center;
        text-transform: uppercase;
        font-family: 'Poppins', sans-serif;
        font-weight: 500;
        color: #f3f3f3;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
    .section-title h1{
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
        color: #f3f3f3;
        font-size: 24px;
        font-weight: 500;
        letter-spacing: 2px;
    }
    /* .section-title {
        padding-top: 90px;
        padding-bottom: 2rem;
    } */
    .section-subtitle {
        text-align: center;
        margin: 3rem auto;
        justify-content: center;
    }
    .section-subtitle p{
        font-size: 16px;
    }
    .section-subtitle p b{
        font-weight: 600;
    }
    .mobile_show {
        display: none;
    }
    .mobile_hide {
        display: block;
    }
    /* `md` applies to small devices (landscape phones, less than 768px) */
    @media (max-width: 768.98px) {
        .mobile_show {
            display: block;
        }
        .mobile_hide {
            display: none;
        }

    }