@media (max-width: 1800px) {

    html{
        font-size: 14px;
    }

    .testo-sezione-2 h3 {
        font-size: 4.5rem;
    }


}

@media(max-width: 1600px){
    html{
        font-size: 13px;
    }

    /*homepage*/
    section#sezione2.emozione {
        margin-top: -100px !important;
    }

    .row.testo-sezione-2 {
        margin-left: 100px !important;
    }

    #banner-fr h3 strong, .primo h3 strong, #titolo-camere h3 strong, .testo-ristorante h3 strong, .recensioni-titolo h4 strong, #foto-home h3 strong, #testo-intro h2 strong, #camere-1 h3 strong, #servizi h3 strong {
        font-size: 2.8rem;
    }

    
    #prima .cont_sing img.img-fluid, #sezione2 .cont_sing img.img-fluid, #sezione3 .cont_sing img.img-fluid, #sezione4 .cont_sing img.img-fluid {
        object-fit: cover;
        max-width: none;
        width: 100%;
        height: revert-layer;
    }

    #servizi-hotel #sezione3 .cont_sing img.img-fluid, #servizi-hotel #sezione4 .cont_sing img.img-fluid {
        height: auto;
    }
}

@media(max-width: 1400px){

    /*homepage*/

    .primo h1 strong {font-size: 3.5rem;}

    #banner-fr h3 strong, .primo h3 strong, #titolo-camere h3 strong, .testo-ristorante h3 strong, .recensioni-titolo h4 strong, #foto-home h3 strong, #testo-intro h2 strong, #camere-1 h3 strong, #servizi h3 strong {
        font-size: 2.6rem;
    }

    p {font-size: 1.2rem;}

    #sezione2.emozione img.img-fluid {
        max-width: 150%;
    }
    .anteprimacamera.visuale_sovrapposti .blocco_dati {
        padding: 25px !important;
    }

    /*servizi*/
    .spa section#sezione3, .spa section#sezione4 {
        margin-top: -50px !important;
    }

    /*spa*/

    .spa #experience .col-sm-12.col-md-3.area.sfondobckg.bckg_responsive.fisso {
        width: 50%;
        margin-bottom: 4px;
    }
}

@media (max-width: 1300px) {
    html{
        font-size: 13px;
    }
}

@media(max-width: 1200px){

    /*homepage*/

    .primo h1 strong {
        font-size: 3rem;
    }

    #slideshow h3 strong {
        font-size: 3.5rem;
    }

    #banner-fr h3 strong, .primo h3 strong, #titolo-camere h3 strong, .testo-ristorante h3 strong, .recensioni-titolo h4 strong, #foto-home h3 strong, #testo-intro h2 strong, #camere-1 h3 strong, #servizi h3 strong {
        font-size: 2.4rem;
    }

    .recensioni h4 {
        /* font-size: 1.4rem; */
    }

    .testo-sezione-2 h3 {
        font-size: 4rem;
    }

    #sez-camere .area {
        transform: none;
    }

    .anteprimacamera .blocco_dati p {
        font-size: 1.2rem;
    }

    section#sez-camere {
        padding-bottom: 100px !important;
    }

    section#prima.prima {
        display: flex;
        flex-direction: column-reverse;
    }

    #prima .cont_sing img.img-fluid, #sezione2 .cont_sing img.img-fluid, #sezione3 .cont_sing img.img-fluid {
        object-fit: cover;
        max-width: 100%;
        width: 100%;
        height: auto;
    }

    #prima .col-sm-12.col-md-6.area {
        width: 100%;
    }


    #prima .col-sm-12.col-md-6:nth-of-type(1) {
        display: none;
    }

    section#sezione2.emozione {
        margin-top: 30px !important;
        display: flex;
        height: auto !important;
        min-height: auto !important;
    }

    #sezione2.emozione .col-sm-12.cont_sing.elemgsp {
        transform: none !important;
    }

	#sezione2.emozione .sezione-2-2 .col-sm-12.col-md-12.colonnaarea img {
	    max-width: 100%;
	    width: 100%;
	}

    .col-sm-12.col-md-10.area.sezione-2-2.elemgsp {
        width: 100%;
    }
	
	.testo-sezione-2 h3 {
	    font-size: 3rem;
	}

    section#sezione2 {
	    margin-top: 0 !important;
	    display: flex;
	    flex-direction: column;
	}

	section#sezione3 {
	    margin-top: 0 !important;
	    display: flex;
	    flex-direction: column-reverse;
	}
    
    section#sezione4 {
	    margin-top: 0 !important;
	    display: flex;
	    flex-direction: column;
	}

	#sezione2 .col-sm-12.col-md-6.area, #sezione3 .col-sm-12.col-md-6.area, #sezione4 .col-sm-12.col-md-6.area {
	    width: 100%;
	}

    #sez-camere h3 {
        font-size: 2.4rem;
        margin-top: -130px;
    }

    #sez-camere h3 {
        font-size: 2.4rem;
        margin-top: -130px;
    }

    section#foto-home {
        padding-top: 50px;
        padding-bottom: 50px;
        height: auto !important;
        min-height: auto !important;
    }

    #foto-home h3 {
        margin-top: 0;
    }

    #sezione4 .elemgsp {
        transform: none !important;
        opacity: 1 !important;
        filter: none !important;
    }

    .owl-dots {
        display: none;
    }

    /*camere*/

    .index-camere .elemento_sing.el-camera {
        width: 50%;
    }

    #camera section#sezione3 {
        margin-top: 30px !important;
    }

    /*servizi*/

    .spa section#sezione3, .spa section#sezione4 {
        margin-top: -50px !important;
    }

    .spa #sezione3 .primo, .spa #sezione4 .primo {
        padding: 30px !important;
    }

    #testo-intro h2 strong {
        font-size: 3rem;
    }

    #testo-intro h2 {
        font-size: 2rem;
    }

    .spa #sezione3 img.img-fluid, .spa #sezione4 img.img-fluid {
        height: 700px;
        max-width: fit-content;
    }

    #servizi-hotel section#sezione3, #servizi-hotel section#sezione4 {
        margin-top: 0 !important;
    }

    #servizi-hotel #sezione3 .col-sm-12.col-md-5, #servizi-hotel #sezione3 .col-sm-12.col-md-7, #servizi-hotel #sezione4 .col-sm-12.col-md-5, #servizi-hotel #sezione4 .col-sm-12.col-md-7 {
        width: 100%;
    }

}

@media(max-width: 1024px){

    /*regole generiche*/

    #header a.logosito img {
        width: 160px !important;
        max-height: none !important;
        height: auto !important;
        margin-left: 0;
    }

	#header.pos_fixed a.logosito img {
	    width: 130px !important;
	}

    a.logosito.logodesktop.centrale {
        top: 25px !important;
        left: calc(50% - 80px) !important;
        width: initial !important;
    }

    #header.pos_absolute, #header.pos_fixed {
        height: 85px;
        z-index: 11;
    }

    #header .sezheader {
        height: 85px;
    }

    #header.pos_fixed .button.button--standard.button--size-l.button--text-thin.btn-apriFR, #header.pos_fixed button.button.button--standard.button--size-l.button--text-thin.btn-apriFR, #header.pos_absolute .button.button--standard.button--size-l.button--text-thin.btn-apriFR, #header.pos_absolute button.button.button--standard.button--size-l.button--text-thin.btn-apriFR {
        height: 85px;
        border: none !important;
    }
    
    .ch1, .ch2, .ch3, .ch4 {
        height: 85px;
    }

    nav.navmenu-lingue ul.sottolingue-attivo {
        top: 85px;
    }

    nav.navmenu-lingue button {
        margin-right: 0 !important;
    }
}

@media (max-width: 992px){

    /*blocca il jump*/

    section#slideshow-interno {
        min-height: 100svh !important;
    }

    /*fast reservation*/
    #frHeader div.fastreservation.apertura-full {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 10px;
    }

    div.fastreservation.apertura-full .laterale-fr {
        display: none !important;
    }
    /**/

    .col-2.colheader.ch3 {
        position: fixed;
        bottom: 0;
        width: 100%;
        border: none;
        z-index: 10;
        border-top: 2px solid #fff;
        right: 0;
    }

	#menu_header.grndm .areabck{
	  /* position: absolute; */
	  /* width: 100%; */
	  /* z-index: 0; */
	  /* background-color: #fff !important; */
	  /* background-image: none !important; */
	}

    nav.navmenu-lingue ul.sottolingue-attivo {
        width: 48px;
    }

	#menu_header.grndm .areamenu {
	  width: 100%;
	}

	#menu_header.navbar-menu.menumobile.menu-aperto.nbm .areabck{
	  display: none;
	}

	#menu_header.navbar-menu.menumobile.menu-aperto.bm{
	  background-color: transparent;
	}

	#menu_header.navbar-menu.menumobile.menu-aperto.nbm li.nav-item .nav-link {
	  color: #000;
	}

	#menu_header.navbar-menu.menumobile.menu-aperto.bm li.nav-item .nav-link, #menu_header.navbar-menu.menumobile.menu-aperto.bm .chiudi_menumobile, li.nav-item.liv1.azioneher.prenotazioni a {
	  color: var(--color1);
	  width: auto;
	}

    #menu_header .navbar-nav-menu > li {
        align-items: center !important;
    }

    #header.pos_fixed a.logosito img {
        width: 110px !important;
    }

    .pos_fixed a.logosito.logodesktop.centrale {
        left: calc(50% - 55px) !important;
    }

    .col-1.colheader.ch1, .col-1.colheader.ch4 {
        width: 48px;
    }

    #footer #sezfooter3 {
        padding-top: 40px;
        display: flex;
        align-items: center;
        text-align: left;
        padding-left: 0;
        flex-direction: column;
        padding-right: 0;
        padding-bottom: 90px;
    }

    #footer #sezfooter3 .datiaziendali {
        text-align: left;
        display: flex;
        align-items: center;
        flex-direction: column;
        align-content: center;
    }

    #sezfooter1 .label {
        text-align: center !important;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #footer span.elem, #footer span.elem {
        display: block;
    }

    span.elemsocial {
        display: inline;
        text-align: center;
        float: none;
    }

    span.elemsocial i {
        font-size: 25px;
    }

    #footer p {
        font-size: 1.5rem;
    }

    #sezfooter1 .label {
        text-align: center !important;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #footer span.elem, #footer span.elem {
        display: block;
    }

    span.elemsocial {
        display: inline;
        text-align: center;
        float: none;
    }

    span.elemsocial i {
        font-size: 25px;
    }

    #footer p {
        font-size: 1.5rem;
    }

    #footer #sezfooter3 .datiaziendali .dat-aziend {
        display: contents;
    }
	
	/* elimina stile gsap orizzontale */
    div.pin-spacer{
        height: max-content!important;
        padding: 0!important;
    }

    .contenGspOriz .pannellogsp {
        display: flex;
        justify-content: center;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: unset;
        height: auto;
        transform: none!important;
        margin: 10px 0;
        border-right: none;
    }
  
    section.contenGspOriz {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        width: auto !important;
        transform: none !important;
        height: auto !important;
        margin-top: 10px !important;
    }
  
    .anteprimacamera.visuale_sovrapposti .blocco_dati{
        padding: 2%;
        display: block;
        left: auto !important;
        right: auto !important;
        align-items: unset;
    }
    /* elimina stile gsap orizzontale */




    .btn-apriFR::before, .btn-apriFR::after {display: none;}
	
    #slideshow h3 strong {
        font-size: 3rem;
        line-height: 1;
    }

    #titolo-camere .col-sm-12.elemgsp, #foto-home .col-sm-12.elemgsp {
        transform: none !important;
    }

    section#experience {
        margin-top: 40px !important;
        height: auto !important;
        margin: 70px;
    }

    #experience .col-sm-12.col-md-4.area {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 20px;
    }

    #home #experience .col-sm-12.col-md-4.area {
        padding: 30px;
        height: 400px;
        display: flex;
        align-items: center;
    }

    section#zoom {
        margin-top: 0 !important;
    }

    #zoom .col-sm-12.col-md-12.colonnaarea {
        height: 90%;
    }

    #sezione4 .col-sm-12.cont_sing {
        transform: none !important;
    }

    .recensioni h4 {
        padding-left: 15px;
        padding-right: 15px;
    }

    #mappa-home .leaflet-popup-content p img, .leaflet-popup-content p img {
        height: 50px;
        min-height: 50px !important;
    }

    .anteprimacamera a.button p {
        font-size: 0.9rem;
        letter-spacing: 0.2em;
        border-radius: 0;
        font-weight: 600;
    }

    section#titolo-camere {
        padding-top: 50px;
        padding-bottom: 0;
    }

    section#sez-camere {
        padding-bottom: 50px !important;
    }

    #foto-home .elemgsp {
        transform: none !important;
        opacity: 1 !important;
        filter: none !important;
    }

	#slideshow h3 {
	    font-size: 2.5rem;
	}
	
    #banner-fr h3 strong, .primo h3 strong, #titolo-camere h3 strong, .testo-ristorante h3 strong, .recensioni-titolo h4 strong, #foto-home h3 strong, #testo-intro h2 strong, #camere-1 h3 strong, #servizi h3 strong {
        font-size: 2.2rem;
    }

    h3 {
        font-size: 1.8rem;
    }

    /*camera*/

    #camera section#sezione3 {
        margin-top: 30px !important;
    }

    #camera section#sezione3 {
        display: flex;
        flex-direction: column; 
    }

    .col-sm-12 {
        padding-left: 0;
        padding-right: 0;
    }

    #camera #sezione3 .col-sm-12.col-md-6.area:nth-child(2) {
        margin-top: 8%;
    }

    #camere-1 .index-camere .testo_camera p {
        padding-left: 5px;
    }

    /*servizi*/

    .spa #sezione3 .col-sm-12.col-md-7, .spa #sezione3 .col-sm-12.col-md-5, .spa #sezione4 .col-sm-12.col-md-7, .spa #sezione4 .col-sm-12.col-md-5 {
        width: 100%;
    }

    .spa section#sezione3, .spa section#sezione4 {
        padding-top: 30px !important;
        margin-top: 0 !important;
    }

    .spa section#sezione3 {
		padding-bottom: 8%;
	}

    .spa #sezione3 img.img-fluid, .spa #sezione4 img.img-fluid {
        height: auto;
        width: 100%;
    }


}

@media (max-width: 768px) {
    html{
        font-size: 12px;
    }

    div#headermenumobile\ bottone-fix {
        top: 15%;
        position: fixed;
    }

    section#foto-home {
        padding-top: 8%;
        padding-bottom: 8%;
        min-height: auto !important;
    }

    #slideshow h3 strong {
        font-size: 3.5rem;
    }

    p {
        font-size: 1.4rem;
    }

    .row.distanza-0, .row.distanza-1, .row.distanza-2, .row.distanza-3 {
        padding-left: 8% !important;
        padding-right: 8% !important;
    }

    #titolo-camere p {
        padding-left: 0;
        padding-right: 0;
    }

    .primo {
        padding: 0 !important;
    }

    section#slideshow.row.distanza-0, section#mappa-home {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    section#experience {
        margin: 0;
    }

    #prima {
        padding-top: 0;
        padding-bottom: 8%;
    }

    #sezione2.emozione .sezione-2-2 .col-sm-12.col-md-12.colonnaarea img {
	    max-width: 100%;
	}

    #sezione3 .col-sm-12.col-md-6.area:nth-child(2), #sezione4 .col-sm-12.col-md-6.area:nth-child(2) {
        padding-bottom: 8%;
        padding-top: 8%;
    }

    #sezione3.video .col-sm-12.col-md-6.area:nth-child(3) {
        padding-top: 8%;
    }

    .col-sm-12.col-md-6.area.dx-video {
        padding-bottom: 0 !important;
    }

	#prima .col-md-6:nth-child(3) {
	    padding-top: 8%;
	    padding-bottom: 8%;
	}

    #sezione4 .col-sm-12.col-md-6.area:nth-child(1) {
        margin-bottom: 30px;
        margin-top: 30px;
    }

    #sezione4 {
        padding-bottom: 8%;
    }

    #sezione2 .col-sm-12.col-md-6.area:nth-child(1) {
        margin-bottom: 8%;
        margin-top: 8%;
    }

    #prima > div.col-sm-12.col-md-6.area:nth-of-type(3) {
        margin-bottom: 0;
    }

    .row.testo-sezione-2 {
        margin-left: 0 !important;
        width: 100% !important;
        bottom: 100px;
        left: 10%;
        margin-top: 0 !important;
    }

    #header.pos_absolute .button.button--standard.button--size-l.button--text-thin.btn-apriFR, #header.pos_absolute button.button.button--standard.button--size-l.button--text-thin.btn-apriFR {
        background: transparent !important;
    }

    section#titolo-camere {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    #foto-home div#owlcarousel-89 {
        padding-left: 0;
        padding-right: 0;
    }

    #sez-camere h3 {
        font-size: 2.2rem;
        padding-bottom: 30px;
        padding-left: 15px;
    }

    section#sez-camere {
        padding-bottom: 30px !important;
    } 


    #slideshow h3 {
        font-size: 2.5rem;
    }

    section#striscia {
        display: none;
    }

    section#sezione4 {
        padding-top: 8%;
    }

    section#sezione3 {
        padding-top: 0;
    }

    #footer .sezfooter {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .col-sm-12.elemgsp {
        padding-left: 0;
        padding-right: 0;
    }

	.col-sm-12.col-md-2.area.sezione-2-1 .col-sm-12.elemgsp {
	    transform: none !important;
	    width: fit-content;
	}
	
	.testo-sezione-2 h3 {
	    font-size: 2.5rem;
	}

    .voti h4 {
        display: flex;
        flex-direction: column;
        font-size: 2rem;
        margin-bottom: 15px;
    }

    .voti .col-sm-12 {
        width: 100%;
        padding: 50px;
        padding-top: 0;
        padding-bottom: 0;
    }

    .row.voti {
        width: 100%;
        margin-left: 0px !important;
        margin-right: 0px !important;
        padding: 30px;
        margin-top: 30px !important;
        position: relative;
    }

    .anteprimacamera .blocco_dati p {
        font-size: 1.3rem;
    }

    .anteprimacamera a.button p {
        FONT-WEIGHT: 800;
        font-size: 1rem;
        letter-spacing: 0.1em;
        border-radius: 0;
        font-weight: 800;
    }

    .recensioni-titolo h4 {
        padding: 15px;
        position: relative;
    }

    .recensioni .item {
        margin-top: 0;
        margin-bottom: 8%;
        width: 100%;
        margin-left: 0;
        height: 500px;
    }

    #sezione3 .primo p  {
        text-align: justify !important;
    }

    #home section#sez-camere {
        padding-top: 0;
    }

    #prima .cont_sing img.img-fluid, #sezione2 .cont_sing img.img-fluid, #sezione3 .cont_sing img.img-fluid, #sezione4 .cont_sing img.img-fluid {
        height: auto !important;
    }

    #sezione4.video {
        padding-top: 0;
    }

    .anteprimacamera a.button {
        margin-top: 40px;
    }
    
    section#sezione2.emozione {
        padding: 0 !important;
    }

    #sezione2.emozione .sezione-2-2 .col-sm-12.col-md-12.colonnaarea img {
        height: 400px !important;
    }

    /*camere*/

    .camere-sx-1 .primo h3 strong {
        font-size: 2rem;
    }

    #slideshow-interno h1 strong {
        font-size: 2.5rem;
    }

    #slideshow-interno h1 {
        font-size: 2rem;
        letter-spacing: 0.1rem;
        color: #ffffff;
        font-weight: 400;
    }

    #slideshow-interno .col-sm-12.col-md-12.colonnaarea {
        height: 100%;
    }

    .col-sm-12.col-md-6.area.camere-sx-1 {
        width: 100%;
        height: 400px;
    }

    .col-sm-12.col-md-6.area.camere-dx-1 {
        width: 100%;
    }

    section#testo-intro {
        padding-top: 8%;
        padding-bottom: 8%;
    }

    .index-camere section#testo-intro {
        padding-bottom: 8%;
    }

    .index-camere .elemento_sing.el-camera:first-child {
        margin-top: 0;
    }

    .index-camere section#camere-1 {
        padding-top: 8%;
    }

    section#camere-1 {
        margin-top: 0 !important;
        padding-top: 0;
    }

    .index-camere .elemento_sing.el-camera {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    #index-camere .col-md-4.elemento_sing.el-camera, #index-camere .blocco_foto_camera {
        height: 500px;
    }

    #index-camere .blocco_foto_camera img.img-fluid {
        height: 500px;
        max-width: inherit;
    }

    #index-camere #camere-1 .index-camere p {
        padding-left: 0;
    }

    section#testo-intro.servizi {
        min-height: auto !important;
    }

    #camera section#testo-intro {
        padding-bottom: 8%;
    }


    #sezione3 .col-sm-12.col-md-6.area:first-child.elemgsp {
        opacity: 1 !important;
        transform: none !important;
    }

    .camere-sx-1 .primo h3 {
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
        padding-left: 15px;
        padding-right: 15px;
    }

    #camere-1 .index-camere .testo_camera p {
        display: none;
    }

    /*servizi*/

    .spa #sezione3 .primo, .spa #sezione4 .primo {
        padding: 0px !important;
    }

    #testo-intro h2 strong {
        font-size: 2rem;
    }

    #testo-intro h2 {
        font-size: 1.5rem;
        line-height: 2rem;
    }

    .spa #testo-intro .col-sm-12.col-md-12.area {
        display: flex;
    }

    #servizi-hotel #sezione3 .col-sm-12.col-md-5, #servizi-hotel #sezione4 .col-sm-12.col-md-5 {
        padding-bottom: 8%;
    }

    /*passeggiate romane*/

    .col-sm-12.col-md-6.area.passeggiate.elemgsp {
        padding-top: 8%;
    }

    /*spa*/
    .spa #experience .col-sm-12.col-md-3.area.sfondobckg.bckg_responsive.fisso {
        width: 50%;
        margin-bottom: 4px;
    }

    .spa #experience .col-sm-12.col-md-6.area.sfondobckg.bckg_responsive.fisso {
        width: 100%;
        margin-bottom: 8%;
    }

    .spa #experience .col-sm-12.col-md-4.area {
        margin-bottom: 8%;
    }

    .spa section#experience {
        margin-top: 0 !important;
    }

    .spa #experience .col-sm-12.col-md-3.area.sfondobckg.bckg_responsive.fisso {
        width: 100%;
        margin-bottom: 8%;
    }

}

@media(max-width: 440px){

    .datepicker-picker {
        width: 270px !important;
    }

    .datepicker-view {
        width: 265px !important;
    }

    .checkin .datepicker.datepicker-dropdown.active, .checkout .datepicker.datepicker-dropdown.active, div.fastreservation .area_input_persone {
        top: 50% !important;
        position: fixed;
        -webkit-transform: translate(0, -50%); /* vecchi Chrome / Safari */
        -moz-transform: translate(0, -50%);    /* vecchi Firefox */
        -ms-transform: translate(0, -50%);     /* vecchi IE */
        -o-transform: translate(0, -50%);      /* vecchi Opera */
        transform: translate(0, -50%);
    }



    .primo h3 strong, #experience h3 strong, .recensioni-titolo h4 strong, #titolo-camere h3 strong, #home #foto-home h3 strong, #camere-1 h3 strong {
        font-size: 2.2rem;
    }

    #striscia {display: none;}

    .button {
        font-size: 1.1rem;
        letter-spacing: 0.1em;
        border-radius: 0;
        font-weight: 800;
    }

    button.multilingue span, a.menulingua span {
        font-weight: 700;
        font-size: 1.2rem;
    }

    footer .logosito img {
        max-height: 40px;
    }

    .index-camere .blocco_foto_camera img.img-fluid {
        height: 450px;
        max-width: fit-content;
    }

    .menu-aperto .navbar-nav-menu li.nav-item .nav-link {
        margin-bottom: 10px;
        font-size: 1.2rem;
        letter-spacing: 0.3em;
    }

    .testo-sezione-2 h3 {
        font-size: 2rem;
    }

    #slideshow h3 strong {
        font-size: 2.5rem;
    }

	#slideshow h3 {
        font-size: 2rem;
		line-height: 3rem
    }

    section#zoom {
        min-height: 800px !important;
    }

    #zoom .col-sm-12.col-md-12.colonnaarea {
        height: 100%;
    }

    #menu_header.grndm .areamenu {
        padding-top: 22%;
    }

}

@media(max-width: 390px){

    .primo h1 strong {
        font-size: 2.5rem;
    }

    .primo h1 {
        font-size: 2rem;
    }

}

@media (max-height: 450px) {
    img.logo-sito-menu {
        display: none;
    }
}



/* ===== LANDSCAPE PHONE: IN ALTO + SCROLL VOCI ===== */
@media (max-height: 440px) and (max-width: 900px) and (orientation: landscape){

    #menu_header.menu-aperto{
        position: fixed !important;
        inset: 0;
        height: 100dvh;
        overflow: hidden;
        z-index: 9999;
    }

    /* in alto */
    #menu_header.menu-aperto .areamenu{
        height: 100dvh;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;      /* <-- in alto */
        align-items: stretch;
        padding: 0;

        position: relative;               /* <-- sopra lo sfondo */
        z-index: 2;
    }

    /* X sticky in alto mentre scrolli */
    #menu_header.menu-aperto .chiudi_menumobile{
        position: sticky !important;
        top: calc(env(safe-area-inset-top, 0px) + 6px) !important;
        margin: 6px 16px;
        align-self: flex-end;
        z-index: 10001 !important;
        pointer-events: auto !important;
    }

    /* scroll SOLO voci (stabile) */
    #menu_header.menu-aperto .navbar-nav-menu{
        flex: 1;
        min-height: 0;
        overflow-y: scroll;                 /* <-- NON auto */
        -webkit-overflow-scrolling: touch;
        transform: translateZ(0);

        margin: 0 !important;
        padding: 6px 5% 18px 5% !important;
    }

    #menu_header.menu-aperto .areabck{
        pointer-events: none !important;
    }
}