@media screen AND (max-width: 1199px) {
	html {
		font-size: 16px;
	}
	
    header#header-site .first-row ul.social-network li {
        font-size: 1.6rem;
    }
    header#header-site .first-row .wpml-ls-legacy-list-horizontal .wpml-ls-item {
        font-size: 1.5rem;
    }
    header#header-site .menu-responsive {
        font-size: 3.2rem;
    }
    
	/*--- STILI GENERALI --------------------------------------------------------*/
	a.link-with-icon span[class^="icon-"] {
		line-height: 1.6;
	}
	
	.parallax-separator {
		height: 300px;
	}
    
    #slider-header .slide {
        height: 60vw;
    }
	/*--- FINE > STILI GENERALI -------------------------------------------------*/
	
    
    main#main-site {
		
	}
}

@media screen AND (max-width: 991px) {
	html {
		font-size: 15px;
	}
	
	.overlay-bg {
		display: block;
	}
	
	/*--- HEADER ----------------------------------------------------------------*/
	nav.navigation .first-row {
		display: none !important;
	}
    header#header-site {
        padding: 10px;
    }
	header#header-site .header-mobile {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	header#header-site .header-mobile .logo img {
		max-width: 200px;
	}
    header#header-site .second-row .wpml-ls-legacy-list-horizontal {
        display: block;
    }
	/*--- FINE > HEADER ---------------------------------------------------------*/
	
	/*--- STILI GENERALI --------------------------------------------------------*/
	.parallax-separator {
		height: 250px;
	}
    
    #slider-header .slide {
        
    }
	/*--- FINE > STILI GENERALI -------------------------------------------------*/
	
    /*--- HOMEPAGE --------------------------------------------------------------*/
    .separator {
        height: 250px;
    }
    .separator:after {
        border-left: 50px solid transparent;
        border-right: 50px solid transparent;
        border-top: 25px solid #a9958a;
        bottom: -25px;
    }
    .separator img {
        height: 70px;
    }
    
    .project-block h3 {
        letter-spacing: 0;
    }
    
    #teams-block .send-mail a {
        padding: 2px 9px 6px;
    }
    /*--- FINE > HOMEPAGE -------------------------------------------------------*/
    
	/*--- NOTIZIE (ARCHIVIO) ----------------------------------------------------*/
	#news-block .single-slide .box-content {
		height: 300px;
	}
	/*--- FINE > NOTIZIE (ARCHIVIO) ---------------------------------------------*/
	
	main#main-site {
		
	}
}

@media screen AND (max-width: 767px) {
	html {
		font-size: 16px;
	}
    
    h1, body.home h2 {
        letter-spacing: 6px;
    }
	
	/*--- HEADER ----------------------------------------------------------------*/
	nav.navigation {
		width: 100%;
	}
    
    header#header-site {
        
    }
    header#header-site .header-desktop .logo svg {
        width: 180px;
    }
    header#header-site .header-desktop .logo img {
        width: 100px;
    }
    header#header-site.compact .header-desktop .logo img {
        width: 80px;
    }
    header#header-site .first-row ul.social-network {
        display: none;
    }
    header#header-site .first-row .wpml-ls-legacy-list-horizontal {
        display: none;
    }
	/*--- FINE > HEADER ---------------------------------------------------------*/
	
	/*--- SHORTCODE -------------------------------------------------------------*/
	
	/*--- FINE > SHORTCODE ------------------------------------------------------*/
	
	/*--- STILI GENERALI --------------------------------------------------------*/
	.parallax-separator {
		background-position: 50% !important;
	}
    
    
    #slider-header .slide {
        
    }
	/*--- FINE > STILI GENERALI -------------------------------------------------*/
	
    /*--- HOMEPAGE --------------------------------------------------------------*/
    .separator {
        height: 150px;
        background-position: -50px center;
    }
    .separator img {
        height: 30px;
    }
    
    .project-block h3 {
        height: auto;
    }
    
    #teams-block .person {
        margin-bottom: 3rem;
    }
    #teams-block .person:last-child {
        margin-bottom: 0;
    }
    
    .parallax-image {
        height: 300px;
    }
    .parallax-image .box-info {
        padding: 1.5rem 3rem;
    }
    .parallax-image .box-info h2 {
        font-size: 1.5rem;
        margin-bottom: 0.5rem;
    }
    /*--- FINE > HOMEPAGE -------------------------------------------------------*/
    
	/*--- IMAGE HEADER ----------------------------------------------------------*/
    #image-header {
        height: 50vw;
    }
    /*--- FINE > IMAGE HEADER ---------------------------------------------------*/
	
	/*--- NOTIZIE (ARCHIVIO) ----------------------------------------------------*/
	#news-block .single-slide .box-content {
		height: auto;
	}
	#news-block .single-slide {
		margin-bottom: 30px;
	}
	#news-block .row:last-child .single-slide:last-child {
		margin-bottom: 0;
	}
	/*--- FINE > NOTIZIE (ARCHIVIO) ---------------------------------------------*/
	
	/*--- FOOTER ----------------------------------------------------------------*/
	footer#footer-site .contacts {
		text-align: center;
		margin-bottom: 20px;
	}
	footer#footer-site .contact-info {
		margin: 0 0 20px 0;
	}
	footer#footer-site .contact-info ul li {
		margin: 0;
	    display: block !important;
	}
	footer#footer-site .credits ul {
		margin-bottom: 20px;
	}
	footer#footer-site .credits ul li {
		margin: 0 0 2px 0;
		display: block;
		font-size: 0.8rem;
	}
	footer#footer-site .credits ul li:after {
		content: "";
		margin: 0;
	}
	footer#footer-site .credits .owner {
		font-size: 0.8rem;
	}
	/*--- FINE > FOOTER ---------------------------------------------------------*/
}

@media screen AND (max-width: 575px) {
	html {
		font-size: 14px;
	}
	
    h1, body.home h2 {
        letter-spacing: 2px;
    }
    
    /*--- HOMEPAGE --------------------------------------------------------------*/
    .separator {
        height: 80px;
    }
    .separator img {
        height: 15px;
    }
    /*--- FINE > HOMEPAGE -------------------------------------------------------*/
    
	/*--- CONTATTI --------------------------------------------------------------*/
	
	/*--- FINE > CONTATTI -------------------------------------------------------*/
	
	/*--- STILI GENERALI --------------------------------------------------------*/
	.ug-slider-wrapper .ug-arrow-left,
    .ug-slider-wrapper .ug-arrow-right {
        display: none !important;
    }
    .parallax-image figure.bg {
	    top: 0 !important;
	    transform: none !important;
    }
	/*--- FINE > STILI GENERALI -------------------------------------------------*/
	
	/*--- SINGOLA PERSONA -------------------------------------------------------*/
	#person-profile figure.image-profile {
		width: 100%;
	}
	/*--- FINE > SINGOLA PERSONA ------------------------------------------------*/
}

@media screen AND (max-width: 480px) {
    .parallax-image .box-info {
        width: 300px;
        padding: 2rem 0;
    }
}