@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 1280px) {}

@media screen and (max-width: 1180px) {}

@media screen and (max-width: 1080px) {}

@media screen and (max-width: 932px) {}

@media screen and (max-width: 820px) {}

@media screen and (max-width: 768px) {
	h1 {font-size: 38px; line-height: 45px;}
    h2 {font-size: 30px; line-height: 38px;}
    .navbar-collapse.collapse.show {height: 100vh;}
    nav.navbar a.navbar-brand {margin: 5px 0 0; width: 100%; text-align: center;}
    .navbar-light .navbar-toggler {color: transparent; border: none; padding: 0; margin: 10px auto 20px; display: block; height: 20px;}
    .navbar-nav {padding-top: 20px;}
    .navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav li.active .nav-link.active {font-size: 26px; line-height: 32px; text-align: center; margin: 0; padding: 10px 0;}
    .navbar.bg-light {padding: 0;}
    .navbar-nav li.nav-item:last-child {margin: 0 10px;}
    
    .cnt-slide .carousel .carousel-item {background-position: left top !important; height: 70vh;}
    .cnt-slide .carousel .carousel-caption h1 {font-size: 35px; line-height: 45px;}
    .cnt-slide .carousel-indicators {display: none;}
	.cnt-slide .carousel .carousel-caption {height: 70vh; text-align: center;}
	
	.intro h2 {font-size: 33px; line-height: 42px;}
	.list-articoli ul li {display: block;}
	.list-articoli ul li .box-left, .list-articoli ul li .box-right {width: 100%;}
	.list-articoli ul li .box-right {display: block; border-right: 1px solid var(--black);}
	.list-articoli ul li .box-right h3, .list-articoli ul li .box-right .text {width: 100%;}
	.list-articoli ul li .box-right h3 {margin-top: 0;}
	.list-articoli ul li .box-right .text a {display: inline-block; margin-top: 15px;}
	.cnt-articoli .box img {display: none;}
	footer {text-align: center;}
	footer .textwidget, footer .widget {margin-top: 15px;}
	.header-int {min-height: 480px;}
	.header-int .col {min-height: 480px;}
	.page-contact .box-content {display: block;}
	.page-contact .box-content .box-left {margin-bottom: 25px;}
}

@media screen and (max-width: 430px) {}

@media screen and (max-width: 375px) {}