body{background-color:#fff}main{display:grid;grid-template-columns:100%;grid-template-rows:100px auto auto}.banner{background-color:#fff;grid-column:1;grid-row:1;overflow:hidden;position:relative}.search{grid-column:1;grid-row:2;padding: 0 1rem 1rem 1rem;}.content{align-items:center;display:flex;flex-direction:column;gap:6rem;grid-column:1;grid-row:3}h1{font-size:1.8rem}.banner h1{text-shadow:0 0 20px rgba(0,0,0,.3)}h2,h3{border-bottom:1px dashed #18baad;font-size:2rem}h3{line-height:normal}.cont-fix{max-width:1400px;position:relative;width:100%}.row-hero{display:grid;grid-template-columns:100%;padding:1rem}.row-hero h2{color:#18baad;font-size:2.2rem}.row-servizi{padding:1rem}.banner-content .banner_traghetti{display:grid;grid-template-columns:100%;max-width:90%;width:100%}.banner-content .banner_traghetti>div{align-items:center;display:flex;flex-direction:column;grid-column:1;text-align:center}#backToSearch{background-color:transparent;border:0;padding:0}#searchBox{scroll-margin-top:50px}.hiddense{opacity:0;visibility:hidden}.top-call{align-items:center;display:flex;gap:2rem;justify-content:end}.banner picture{display:none}:root{--swiper-theme-color:#007aff;--swiper-navigation-size:44px}.banner-content{align-items:center;color:#222;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;top:30px;transform:translate(0);width:100%;z-index:1}.banner-content img{background-color:hsla(0,0%,100%,.4);border-radius:.2rem;height:30px;padding:.2rem;vertical-align:middle;width:auto}.banner picture img{height:100%;object-fit:cover;object-position:center;opacity:.6;width:100%}@media (min-width:1024px){main{grid-template-columns:1fr minmax(900px,1400px) 1fr;grid-template-rows:500px auto auto}.search{grid-column:2;grid-row:2;height:0;padding:0}h1{font-size:3.4rem}h2,h3{font-size:2.8rem}.content{grid-column:1/4;grid-row:3;margin-top:2rem}.banner{background-color:#000;grid-column:1/4;grid-row:1}.banner picture{display:initial}.row-hero{grid-template-columns:450px auto;padding:0}.row-servizi{padding:0}.banner-content .banner_traghetti{grid-template-columns:450px auto;max-width:1400px}.banner-content .banner_traghetti>div{align-items:flex-start;display:flex;flex-direction:column;grid-column:2;text-align:left}.row-hero>div{grid-column:2}.banner-content{color:#fff;gap:1em;padding:0;top:50%;transform:translateY(-50%)}.banner-content img{height:50px}}