@charset "utf-8";



/*breakpoint da 1080px a 769px*/
@media screen and (max-width:1080px) and (min-width:769px) {

	h3 {
		font-size: 5vw;
	}

	h4 {
		font-size: 7vw;
	}

	#menuuu li {
		margin-left: 15%;
	}

	.strapallini {
		margin-left: 15%;
	}

	#slideshow {
	  width: 777px;
		height: 376px;
	}

	.panel img {
		height: auto;
	}

	.scorrisitohome {
		height: 500px;
	}

	@keyframes chinascetondo {

	  from {
	    margin-right: -50%;
	  }

	  to {
	    margin-right: 40%;
	  }
	}



}/*fine breakpoint da 1080 a 769px*/




/*breakpoint tablet portrait da 768 a 601px*/
@media screen and (max-width:768px) and (min-width:601px) {

	h2 {
		font-size: 8.5vw;
	}

	h3 {
		font-size: 6vw;
	}

	h4 {
		font-size: 7vw;
	}

	p {
		font-size: 2.5vw;
	}

	#menuuu li {
		margin-left: 18%;
	}

	.strapallini {
		margin-left: 18%;
	}

	#slideshow {
	  width: 518px;
		height: 251px;
	}


	.panel img {
		height: auto;
	}

	.nanana {
		padding: 1%;
	}

	#one, #two, #three, #four, #five, #six {
		background-image: none;
	}

	.scorrisitohome {
		height: 500px;
	}

	@keyframes chinascetondo {

	  from {
	    margin-right: -50%;
	  }

	  to {
	    margin-right: 40%;
	  }
	}

	#paboutleft {
		text-align: center;
		width: 84%;
		padding: 8%;
	}

	#emmaritratto {
		float: none;
		width: 40%;
	}

	#aboutsxdispari {
		float: none;
		width: 100%;
		text-align: center;
		margin-top: 0;
	}

	#aboutdxdispari {
		float: none;
		width: 100%;
		text-align: center;
	}

	.box {
		width: 40%;
	}

	.columnprogetti {
	  width: 100%;
	}

	.progetto img {
		width: 80%;
	}

	.wrapper {
		width: 80%;
	}

	.slider-pc{
		display: none;
	}

	.slider-mobile{
		display: block;
	}

}/*tablet portrait*/




/*breakpoint smartphone landscape - sotto i 600 px*/
@media screen and (max-width:600px) {

	h2 {
		font-size: 8.5vw;vw;
	}

	h3 {
		font-size: 6vw;
	}

	h5 {
		font-size: 4.8vw;
	}

	p {
		font-size: 3.5vw;
	}

	#menuuu li {
		margin-left: 25%;
	}

	.strapallini {
		margin-left: 25%;
	}

	#slideshow {
	  width: 259px;
		height: 125px;
	}

	.sxdispari {
		float: none;
		width: 100%;
		text-align: center;
	}

	.imgsx {
		float: none;
	}

	.dxdispari {
		float: none;
		width: 100%;
	}

	.dxp {
		width: 100%;
		text-align: center;
		/*padding: 5%;*/
	}

	.sxpari {
		width: 100%;
		float: none;
		/*padding: 4%;*/
		margin: 0;
	}

	.sxp {
		text-align: center;
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
	}

.dxpari {
	float: none;
	width: 100%;
	text-align: center;
}

h4 {
	font-size: 40px;
}

.button {
	margin: auto;
}

#buttondue {
	margin: auto;
}

.panel img {
	height: auto;
}

.nanana {
	padding: 2%;
}

#one, #two, #three, #four, #five, #six {
	background-image: none;
}

.scorrisitohome {
	height: 400px;
}

.aboutmemma {
	width: 150px;
	height: 150px;
}

.aboutmemma p {
	font-size: 9.5vw;
}

.box {
	width: 100%;
}

.columnprogetti {
  width: 100%;
}

.progetto img {
	width: 80%;
}

.wrapper {
	width: 80%;
}

@keyframes chinascetondo {

	from {
		margin-right: -50%;
	}

	to {
		margin-right: 35%;
	}
}

.contenitorepj section {
	display: block;
}

.tretre div {
	width: 100%;
	padding: 0;
}

.scorrisito {
	padding: 0;
}

.mezzo {
	width: 100%;
}

.bianco {
	width: 84%;
}

.pulsiamo div {
	padding: 0;
}

.pjaltri section {
	display: flex;
}

.pjaltrisx .pjaltridx {
	width: 50%;
}

.pmin {
	font-size: 2.5vw;
}

.slider-pc{
	display: none;
}

.slider-mobile{
	display: block;
}

}/*smartphone landscape*/








/*Breakpoint particolari e specifici solo per i box di WHAT I DO in pagina about*/