:root { --bs-pink: #fedcc0; --bs-blue: #12172a; }
@font-face { font-family: 'SoleSerifHeadline'; src: url('../webfonts/SoleSerifHeadline-Bold.woff2') format('woff2'), url('../webfonts/SoleSerifHeadline-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'Sole24SansNumber'; src: url('../webfonts/Sole24SansNumber-Bold.woff2') format('woff2'), url('../webfonts/Sole24SansNumber-Bold.woff') format('woff'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Sole24SansNumber'; src: url('../webfonts/Sole24Sans-Regular.woff2') format('woff2'), url('../webfonts/Sole24Sans-Regular.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; }
.SoleSerifHeadline { font-family: 'SoleSerifHeadline', serif; }
.container { max-width: 1740px !important; }
.text-justify { text-align: justify !important; }
.text-pink { color: var(--bs-pink) !important; }
.bg-pink { background: var(--bs-pink) !important; }
.border-pink { border-color: var(--bs-pink) !important; }
.text-blue { color: var(--bs-blue) !important; }
.bg-blue { background: var(--bs-blue) !important; }
.border-blue { border-color: var(--bs-blue) !important; }

body { font-family: 'Sole24SansNumber', sans-serif; background: #000000 url('../img/bg-page.jpg') no-repeat center 30%; background-size: 100% auto; }
header .logo { height: clamp(3rem, 1.111vw + 2.667rem, 4rem); }
section.visual { background: var(--bs-blue) url('../img/visual-desktop.jpg') no-repeat right center; background-size: cover; }
section.content .bg.bg-1 { background: var(--bs-blue) url('../img/bg-1.jpg') no-repeat left center; background-size: auto 190%; }
section.content .bg.bg-2 { background: var(--bs-blue) url('../img/bg-2.jpg') no-repeat left center; background-size: auto 100%; }
section.content .bg.bg-3 { background: var(--bs-blue) url('../img/bg-3.jpg') no-repeat left center; background-size: auto 100%; }
section.content .ico-tv { width: clamp(1.875rem, 1.389vw + 1.458rem, 3.125rem); }

footer .logo-gruppo24ore { width: clamp(13.125rem, 6.25vw + 11.25rem, 18.75rem); }

@media (min-width: 992px) {
    .col-lg-20 { flex: 0 0 auto; width: 20%; }
}

@media screen And (max-width: 991px) {
    section.visual { background-image: none !important; }
    section.content .bg:before { position:absolute; left:0px; top:0px; width:100%; height:100%; background:var(--bs-blue); content:''; opacity:0.75; }
    section.content .fs-5 { font-size: 1rem !important; }
    footer .gruppo24ore { border: none !important; }
}
@media screen And (max-width: 420px) {
    section.visual h1 { font-size: clamp(1.313rem, 7vw - 0.087rem, 1.75rem) !important; }
}