/*******************REGOLE LAYOUT RESPONSIVE***********************/

/* Large Devices, Wide Screens */
@media (min-width : 1200px) {

	/* Dropdown animation */
	.navbar-nav .dropdown-menu,
	.navbar-nav .dropdown.megamenu div.dropdown-menu{
		background: none;
		border: 0;
		box-shadow: none;
		display: block;
		opacity: 0;
		z-index:1;
		visibility:hidden;
		-webkit-transform: scale(.8);
		-moz-transform: scale(.8);
		-ms-transform: scale(.8);
		-o-transform: scale(.8);
		transform: scale(.8);
		-webkit-transition: visibility 500ms, opacity 500ms, -webkit-transform 500ms cubic-bezier(.43, .26, .11, .99);
		-moz-transition: visibility 500ms, opacity 500ms, -moz-transform 500ms cubic-bezier(.43, .26, .11, .99);
		-o-transition: visibility 500ms, opacity 500ms, -o-transform 500ms cubic-bezier(.43, .26, .11, .99);
		-ms-transition: visibility 500ms, opacity 500ms, -ms-transform 500ms cubic-bezier(.43, .26, .11, .99);
		transition: visibility 500ms, opacity 500ms, transform 500ms cubic-bezier(.43, .26, .11, .99);
	}

	.navbar-nav .dropdown:hover div.dropdown-menu,
	.navbar-nav .dropdown.megamenu:hover div.dropdown-menu{
		opacity: 1;
		visibility:visible;
		color: #777;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	 }
	 .navbar-nav .dropdown-backdrop {
		visibility: hidden;
	}
	
	
	.cd-hero-slider .cd-full-width, .cd-hero-slider .cd-half-width {
	  margin-left:-250px; /*MOD SORIN SPOSTATO LE SCRITTE*/
	}

	.dati_contatti{
		display:initial;
	}
	
	.racconta_progetto{
		background-image: url("../images/home_page/pattern.jpg");
		background-size:100% 75%;
		 background-repeat: no-repeat;
		  background-position: center;
	}

	.dati_contatti h3{
		font-family:crayon;
		color:white;
		font-size:35px;
	}

	.div_form form{
		width:80%;
	}	
		

	
}


/* Medium Devices, Desktops */
@media (min-width : 992px) {


 #gruppo_sezioni{
	margin-top:-60px;
	margin-left:80px;
	margin-right:80px;
}

.div_frasi{
	position: absolute;
	z-index: 1000;
	top: 30%; 
	left:8%;
	right:initial;
	text-align: center;
}



.contro dl{
	font-size:22px;
	text-align: left;
    display: inline-block;
	padding-left:30%;
	padding-right:30%;
}

.dati_contatti{
		display:initial;
	}

.racconta_progetto{
	background-image: url("../images/home_page/pattern.jpg");
	background-size:100% 75%;
	background-repeat: no-repeat;
	background-position: center;
}

.dati_contatti h3{
	font-family:crayon;
	color:white;
	font-size:35px;
}

.div_form form{
	width:62%;
}

.vertical-align {
    display: flex;
    align-items: center;
}
}

/* Small Devices, Tablets */
@media (min-width : 768px) and (max-width: 991px) {

	/* Dropdown animation */
	.navbar-nav .dropdown-menu,
	.navbar-nav .dropdown.megamenu div.dropdown-menu{
		background: none;
		border: 0;
		box-shadow: none;
		display: block;
		opacity: 0;
		z-index:1;
		visibility:hidden;
		-webkit-transform: scale(.8);
		-moz-transform: scale(.8);
		-ms-transform: scale(.8);
		-o-transform: scale(.8);
		transform: scale(.8);
		-webkit-transition: visibility 500ms, opacity 500ms, -webkit-transform 500ms cubic-bezier(.43, .26, .11, .99);
		-moz-transition: visibility 500ms, opacity 500ms, -moz-transform 500ms cubic-bezier(.43, .26, .11, .99);
		-o-transition: visibility 500ms, opacity 500ms, -o-transform 500ms cubic-bezier(.43, .26, .11, .99);
		-ms-transition: visibility 500ms, opacity 500ms, -ms-transform 500ms cubic-bezier(.43, .26, .11, .99);
		transition: visibility 500ms, opacity 500ms, transform 500ms cubic-bezier(.43, .26, .11, .99);
	}

	.navbar-nav .dropdown:hover div.dropdown-menu,
	.navbar-nav .dropdown.megamenu:hover div.dropdown-menu{
		opacity: 1;
		visibility:visible;
		color: #777;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	 }
	 .navbar-nav .dropdown-backdrop {
		visibility: hidden;
	}

	/* Navigation */
	ul.navbar-nav > li > a {
		padding: 21px 8px;
		font-size: 12px;
	}

	ul.navbar-nav > li:last-child a{
		padding-right: 8px;
	}
	
	.sfondo_tizio {
		top: 20%;
}

	
	.sfondo_tizio img{
		width: 120% !important;
}

	.div_frasi{
	  position: absolute;
	  z-index: 1000;
	  top: 30%; 
	  left:5%;
	  right:initial ;
	  text-align: center;
}
	
	.frase_1{
		display: inline;
		color:white;
		font-size:28px !important;
}

	.frase_2{
		padding-top:5px;
		color:white;
		font-size:22px !important;
	}
	
	.sezione_motivazioni h3{
		/*color:white;*/
		font-size:22px !important;
		text-transform: uppercase;
		font-weight:800;
}

	.sezione_motivazioni h4{
		/*color:white;*/
		font-size:20px ;
		text-transform: uppercase;
		font-weight:700;
		color:#424242;
		margin-top:-8px;
}
	
	.dati_contatti h3{
		font-family:crayon;
		color:white;
		font-size:35px;
	}
	
	.dati_contatti img{
		margin-top:-60px;
		height:320px;
		width:auto;
}
	

	.racconta_progetto{
		background-image: url("../images/home_page/pattern.jpg");
		background-size:100% 75%;
		background-repeat: no-repeat;
		background-position: center;
	}

	.vertical-align {
		display: flex;
		align-items: center;
	}

	

	#back-to-top.affix {
		bottom: 35px;
	}

}

/* Small Devices Potrait */
@media (max-width : 767px){

	
	

	/* Navigation */
	ul.navbar-nav > li > a {
		padding: 21px 10px;
		text-align:center;
	}

	.navbar-collapse{
		background: #73AC3E;
	
		margin:40px;
		
	}

	.navbar-collapse ul.navbar-nav > li > a{
		color: #fff;
		
	}

	.navbar-collapse ul.navbar-nav > li.active > a,
	.navbar-collapse ul.navbar-nav > li:hover > a{
		color: black;
	}

	.sfondo_tizio img{
	width: 200% !important;
}

	.div_frasi{
	  position: absolute;
	  z-index: 1000;
	  text-align: center;
	  top: 25%; 
	  left: 0;
	}

	
	.frase_1{
	display: inline;
	color:white;
	font-size:25px !important;
}

	.frase_2{
		padding-top:0px !important;
		color:white;
		font-size:20px !important;
	}


	/* Copyright */
	.copyright-info{
		font-size: 13px;
	}

	#back-to-top{
		right: 20px;
	}
	#back-to-top.affix {
		bottom: 20px;
	}

	
	
}

/* Extra Small Devices, Phones */ 
@media (max-width : 479px) {

	/* Slideshow */

	#main-slide .slides img{
		height: 230px;
	}

	#main-slide .item img{
		height: 250px;
	}

}

/* Custom, iPhone Retina */ 
@media (max-width : 320px) and (max-width: 478px)  {



}