/* Laptop */
@media (max-width: 80rem) {
	.grid-container {
	    padding-right: .625rem;
	    padding-left: .625rem;
	    max-width: 78rem;
	    margin: 0 auto;
	}
}

/* Tablet and smaller */
@media (max-width: 76rem) {
	html, body {
		font-size: 13px;
	}
}

@media (max-width: 64rem) {
	.grid-container.fluid, 
	.grid-container 
	{
		padding: 0rem;
	}

	main .grid-container { 
		padding: 0rem;
	}

	footer { 
		padding: 1rem 0.5rem;
	}	
	main .box {
		box-shadow: none;
	}
	.bottom-footer {
		box-shadow: none;
	}
}	


/* Stili relativi a menu mobile */
nav.sidenav-mobile {
	color:black;
	text-align: left;
	background: var(--color-main);
	display: none;
}

nav.sidenav-mobile ul,
nav.sidenav-mobile ul li {
	list-style: none;
	margin:0;
}

nav.sidenav-mobile ul li a {
	display: block;
	line-height: 45px;
	border-bottom: solid 1px #eee;
	list-style: disc;
}

nav.sidenav-mobile ul li a { padding-left: 15px; }
nav.sidenav-mobile ul li ul li a { padding-left: 30px;  }
nav.sidenav-mobile ul li ul li ul li a { padding-left: 45px;  }
nav.sidenav-mobile ul li ul li ul li ul li a { padding-left: 60px; }
nav.sidenav-mobile ul li ul li ul li ul li ul li a { padding-left: 75px;  }

nav.sidenav-mobile div.sidenav-mobile-more { 
	position: relative;
	display: block;
}

nav.sidenav-mobile div.sidenav-mobile-more i.fa { 
	position: absolute;
	top:0;
	right: 0;
	line-height: 45px;
	width: 45px;
	height: 45px;
	text-align: center;
	z-index: 100;
	font-size:25px;
}
nav.sidenav-mobile ul li a,
nav.sidenav-mobile ul li i {
	color: white;
	cursor: pointer;
	font-size: 1.125rem;
	text-transform: uppercase;
}