body {
    font-size: clamp(1rem, 0.36vw + 0.93rem, 1.25rem); /*16px → 20px*/
    color: #5D2900;
    line-height: normal;
    font-family: 'DM Sans', sans-serif;
}

.arial {
    font-family: 'Arial', sans-serif;
}

.dm-sans {
    font-family: 'DM Sans', sans-serif;
}

@font-face {
    font-family: 'Deccan';
    src: url('../font/DeccanW03-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

.deccan-bold {
    font-family: 'Deccan', serif;
    font-weight: bold;
}

.font-size-1 {
    font-size: clamp(1rem, 0.36vw + 0.93rem, 1.25rem); /*16px → 20px*/
}

.font-size-2 {
    font-size: clamp(1.25rem, 1.07vw + 1.04rem, 2rem); /*20px → 32px*/
}

.font-size-3 {
    font-size: clamp(1.5rem, 1.43vw + 1.21rem, 2.5rem); /*24px → 40px*/
}

.font-size-4 {
    font-size: clamp(1.75rem, 2.41vw + 1.27rem, 3.4375rem); /*28px → 55px*/
}

.font-size-5 {
    font-size: clamp(1.875rem, 2.68vw + 1.34rem, 3.75rem); /*30px → 60px*/
}

.font-size-6 {
    font-size: clamp(2rem, 2.86vw + 1.43rem, 4rem); /*32px → 64px*/
}

.font-size-7 {
    font-size: clamp(2.5rem, 3.57vw + 1.79rem, 5rem); /*40px → 80px*/
}

.font-size-8 {
    font-size: clamp(3rem, 4.29vw + 2.14rem, 6rem); /*48px → 96px*/
}

.lh-0 {
    line-height: 0;
}

.bg-blue {
    background-color: #183074;
}

.bg-brown {
    background-color: #e2ba8b;
    background-image: url("../img/bg-brown.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.bg-red {
    background-color: #B2282F;
}

.ms-n3 {
    margin-left: -1rem;
}

#buongrano-zenitale {
    position: static;
    margin: 3rem 0;
}
#buongrano-zenitale img {
    max-width: 75vw;
}

@media screen and (min-width: 992px) {
    #buongrano-zenitale {
        position: absolute;
        left: -96px;
        bottom: -245px;
    }
    #buongrano-zenitale img {
        max-width: 50vw;
    }

    .mw-lg-80 {
        max-width: 80%;
    }

    .container-lg-fluid {
        max-width: 100%;
    }
}