@media (max-width: 576px){

	header .section-title{
		font-size: 1.3rem;
	}
	header .big-subtitle{
		font-size: 2rem;
	}
	#section-home-intro{
		padding: 2rem 0;
	}
	.home-intro-box{
		margin-bottom: 1rem;
	}
	.home-intro-box a{
		margin-top: 0;
	}
	#section-home-paradiso,
	#section-home-gallery{
		padding: 3rem 0;
	}
	#section-home-paradiso header .section-title{
		margin-bottom: 2rem;
	}
}

@media (max-width: 768px){
	#navbar-wrapper{
		padding:    .3rem 0;
		position:   -webkit-sticky;
		position:   sticky;
		top:        0;
		z-index:    1020;
		background: #fff;
	}
	#navbar-wrapper .navbar-toggler{
		margin-left: auto;
	}
	#navbar-wrapper .navbar-toggler-icon{
		background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
	}
	#navbar-wrapper .navbar-brand{
		width:          28%;
		margin-left:    .5rem;
		padding-top:    0;
		padding-bottom: 0;
		position:       absolute;
		top:            5px;
		left:           0px;
	}
	#therealnavbar.right-to-left{
		position:                   fixed;
		top:                        0;
		right:                      0;
		z-index:                    999999;
		overflow-y:                 auto;
		visibility:                 hidden;
		width:                      280px;
		height:                     100%;
		min-height:                 100%;
		margin:                     0;
		padding:                    0;
		-webkit-transition:         all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
		transition:                 all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
		background:                 #fff;
		-webkit-overflow-scrolling: touch;
		-webkit-transform:          translate3d(280px, 0, 0);
		-ms-transform:              translate3d(280px, 0, 0);
		transform:                  translate3d(280px, 0, 0);
	}
	#therealnavbar.right-to-left.show{
		visibility:        visible;
		overflow:          visible;
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform:     translate3d(0, 0, 0);
		transform:         translate3d(0, 0, 0);
	}
	#therealnavbar-btn-close{
		position:  fixed;
		top:       0%;
		left:      4%;
		z-index:   999999;
		display:   none;
		width:     24px;
		font-size: 2rem;
		color:     #fff;
		cursor:    pointer;
	}
	#therealnavbar-overlay{
		position:           fixed;
		left:               0;
		top:                0;
		background:         rgba(0, 0, 0, 0.79);
		width:              100%;
		height:             100%;
		z-index:            99999;
		-webkit-transition: -webkit-transform 500ms ease;
		-moz-transition:    -moz-transform 500ms ease;
		-o-transition:      -o-transform 500ms ease;
		transition:         transform 500ms ease;
	}
	#navbar-wrapper li.menu-item{
		border-bottom: 1px solid #ddd;
		color:         #000;
	}
	#navbar-wrapper li.menu-item .nav-link{
		padding: .7rem 1rem;
	}
	#navbar-wrapper li.menu-item a{
		color: #000;
	}
	#navbar-wrapper li.menu-item .dropdown-toggle::after{
		float:      right;
		margin-top: 10px;
	}
	#navbar-wrapper li.dropdown .dropdown-menu{
		margin:        0 0 1rem 0;
		border:        none;
		border-radius: 0;
	}
	#navbar-wrapper li.menu-item.active,
	#navbar-wrapper li.dropdown.current-menu-parent,
	#navbar-wrapper li.current_page_parent{
		background: #457fc3;
	}
	#navbar-wrapper li.menu-item.active a,
	#navbar-wrapper li.dropdown.current-menu-parent a,
	#navbar-wrapper li.current_page_parent a{
		color: #fff;
	}
	#navbar-wrapper li.dropdown.current-menu-parent .dropdown-menu a.active{
		width:        auto;
		margin-left:  2px;
		padding-left: 1rem;
		background:   #fff;
		border-left:  5px solid #ddd;
	}
	a#nav-item-prenotazione,
	a#nav-item-parcheggio{
		display:         block;
		margin:          1rem;
		padding:         1rem 0;
		background:      #5ac5be;
		text-align:      center;
		color:           #fff;
		text-decoration: none;
	}
	.article-page-default-wrapper{
		padding:3rem 0 2rem;
	}
	#footer-wrapper{
		margin-bottom: 68px;
	}
	#footer-prenota{
		position:   fixed;
		left:       0;
		bottom:     0;
		z-index:    1021;
		width:      100%;
		background: #fff;
		text-align: center;

	}
	#footer-prenota a{
		display:        inline-block;
		height:         40px;
		margin:         .9rem 0;
		padding:        0 3rem;
		background:     #00516f;
		border-radius:  50px;
		color:          #fff;
		line-height:    2.4rem;
		text-transform: uppercase;
		letter-spacing: 2px;
		font-size:      1rem;
	}
	body .entry-content.sticky-top{
		z-index:10;
	}
}