@charset "utf-8";*,*::before,*::after {box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} @font-face {font-family:'Montserrat';src:url('../font/Montserrat-Regular.woff2') format('woff2'),url('../font/Montserrat-Regular.woff') format('woff');font-weight:normal;font-style:normal;} body {margin:0;font-family:'Montserrat',Verdana,Geneva,sans-serif;} .content-padding-x2 {padding-top:60px;padding-bottom:60px;} .mybtn {background:#443737 radial-gradient(circle,rgba(33,33,33,0) 10%,#212528 100%);color:#fff;padding:5px 10px;border-radius:5px;border:2px solid #fff;text-decoration:none;font-weight:bold;margin-left:10px;margin-bottom:20px;display:inline-block;font-size:18px;} .mybtn:hover {background-color:#7a6324;} .contenitore {margin-left:50px;padding-bottom:40px;color:#fff;} .contenitore a {color:#fff;text-decoration:none;} .contenitore a:visited {color:#fff;} .contenitore a:hover {text-decoration:underline;color:#fff;} #scrollToTopBtn {position:fixed;bottom:30px;right:30px;display:none;background:#443737 radial-gradient(circle,rgba(33,33,33,0) 10%,#212528 100%);color:#fff;border:none;padding:15px;font-size:24px;font-weight:bold;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,0.3);z-index:1000;transition:opacity 0.3s ease;} #scrollToTopBtn:hover {background-color:#7a6324;} .header {position:relative;background:radial-gradient(circle,rgba(33,33,33,0) 40%,#212528 100%),url('../image/banner-top5.jpg') center/cover no-repeat;height:70vh;padding-top:70px;color:#fff;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;} .top-bar {position:relative;width:100%;height:100px;display:flex;flex-direction:column;padding:0 20px;z-index:999;} .top-left {display:flex;align-items:center;gap:15px;color:#fff;font-weight:bold;max-height:100px;margin-bottom:20px;} .header-logo {max-width:100%;padding:0 15px;margin-bottom:30px;filter:drop-shadow(0 0 5px #212528) drop-shadow(0 0 10px #212528);} .header-text {padding:10px;font-size:18px;color:#fff;font-weight:400;text-shadow:0 0 10px #000,0 0 20px #212528;display:none;} .wrapper {background:#443737 radial-gradient(circle,rgba(33,33,33,0) 10%,#212528 100%);height:auto;} .card-container {display:flex;justify-content:center;flex-wrap:wrap;gap:20px;padding:10px;} .card2 {display:flex;align-items:center;justify-content:space-between;height:auto;background-color:transparent;color:#fff;border:none;text-align:left;border-radius:10px;padding:10px;} .linea {flex-wrap:wrap;} .card-50 {flex:0 0 calc(50% - 20px);max-width:calc(50% - 20px);} .footer {position:relative;background:#000000 radial-gradient(circle,rgba(33,33,33,0) 10%,#212528 100%);width:100%;height:auto;color:white;text-align:center;font-size:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px;} .footer .social-icons {display:flex;justify-content:center;gap:10px;margin:10px 0;} .footer .social-icons img {width:32px;height:auto;} .footer a {color:#a58335;text-decoration:none;} .footer a:hover {color:white;text-decoration:underline;} @media (max-width:1200px) {.header {height:60vh;background-position:center top;padding-top:60px;} .card-50 {flex:0 0 100%;max-width:100%;}} @media (max-width:890px) {.header {height:50vh;background-position:center top;padding-top:50px;} .top-bar {display:none;} .header-text {display:flex;}} @media (max-width:599px) {.header {height:40vh;background-position:center top;padding-top:40px;}} @media (max-width:600px) {.card-50.card2.linea {flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:12px;} .card-50.card2.linea >span {display:flex;align-items:center;width:100%;} .card-50.card2.linea .mybtn {margin:0 !important;}}