@import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&family=Saira+Condensed:wght@100;200;300;400;500;600;700;800;900&display=swap');
html {
    scroll-behavior: smooth !important;
}
body {
    margin: 0px !important;
    padding: 0px !important;
    background-color: #000000 !important;
    font-family: "Saira Condensed", sans-serif !important;
    font-size: 18px !important;
    font-weight: 100 !important;
    text-align: center !important;
    color: #bbb !important;
}
.lingue {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    background-color: #000;
    gap: 2px;
    padding: 5px;
    max-width: 1180px;
    margin: 20px auto 10px;
}
.lingua img {
    max-width: 100px;
}
.lingua a {
    color: #bbb;
    text-decoration: none;
    font-size: 15px;
}
.lingua a:hover {
    color: #d00;
}
#contenitore {
    margin: auto;
    padding: 0px;
    width: 1180px;
}
#link-home {
    position: relative;
    margin: auto;
    background-image: linear-gradient(to top, #220000, #110000, #110000, #220000);
}
#link-evento img:first-child {
    margin-bottom: 50px !important;
}
h1 {
    font-size: 40px !important;
    font-weight: 100 !important;
    margin: 50px 20px 40px !important;
}
h2 {
    font-size: 38px !important;
    color: #d00 !important;
    font-weight: 100 !important; 
}
h3 {
    font-weight: 300 !important;
    color: #d00 !important;
    font-size: 28px !important;
    margin-bottom: 50px !important;
}
h4 {
    font-weight: 100 !important;
    margin-bottom: 20px !important;
    color: #bbb !important;
}
h4 span {
    font-size: 19px !important;
}
h5 {
    color: #bbb !important;
    font-weight: 100 !important;
    margin-bottom: 50px !important;
}
h6 {
    font-weight: 100 !important;
    color: #bbb;
}
p {
    font-weight: 100 !important;
}
.testo_rosso_b {
    color: #d00;
    font-weight: 400 !important;
}
.spazio_giu_0 {
    margin-bottom: 0px;
}
.spazio_giu_1 {
    margin-bottom: 20px;
}
.spazio_giu_3 {
    margin-bottom: 50px;
}
.spazio_giu_5 {
    margin-bottom: 100px;
}
.spazio_su_3 {
    margin-top: 50px;
}
.pad_20 {
    padding: 20px;
}
.testo_sx {
    text-align: left !important;
}
.testo_piccolo {
    font-size: 14px;
}
img {
    display: block !important;
    margin: auto !important;
}
.laurel {
    width: 240px;
    padding-top: -50px;
    padding-bottom: 50px;
}
.ffw {
    margin-bottom: 50px !important;
    height: 107px !important;
}
#contenitore a {
    text-decoration: none !important;
    color: #bbb;
    padding: 1px;
    margin: 10px 10px 0px 10px;
    border-bottom: 2px solid #d00;
    border-radius: 5px;
    width: 266px;
    height: 62px;
    display: inline-block;
}
#contenitore a:hover {
    color: #fff !important;
    border-bottom: 4px solid #ccc;
}
h6 a {
    text-decoration: none !important;
    color: #bbb !important;
    background-color: #000;
    padding: 0px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    width: auto;
}
.torna-su {
    width: 62px !important;
    border-radius: 50%;
    padding-top: 2px !important;
    border-top: 1px solid #fcc;
    border-bottom: 2px solid #fcc;
    color: #d00 !important;

}

@media screen and (max-width:1280px) and (min-width:641px) {
    #contenitore {
        width: 100%;
    }
    img {
        width: 100%;
    }
    #link-home img {
        width: 50%;
    }
}

@media screen and (max-width:640px) {
    #contenitore {
        width: 100%;
    }
    img {
        width: 100%;
    }
    #link-home img {
        width: 75%;
    }
}