@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;400;600;700&display=swap');
html,body{
	font-size:62.5%;
	/*con questa misura abbiamo fatto in modo che se modificheremo il nostro testo, lo faremo con questa percentuale*/
	height:100%;
	font-family: 'Poppins', sans-serif;
}
main{
}
p{
	font-size:1.6rem;
}
h1,h2,h3,h4,h5,h6{
	font-family: 'Poppins', sans-serif;
}
h1{
	font-size:4.8rem;
}
h2{
	font-size:4.0rem;
}
h3{
	font-size:3.2rem;
}
h4{
	font-size:2.5rem;
}
h5{
	font-size:2.0rem;
}
h6{
	font-size:1.6rem;
}
#fasciaHeader{

}
.clear-float{
	clear:both;
	float:none;
	height:0;
	font-size:0;
	line-height: 0;
}
#loading{
	position:fixed;
	display:flex;
	z-index:100;
	width:100vw;
	height:100vh;
    background-color:#ffffff;
}
#logo-preloading{
/*	width:100px;
/*	animation:zoom 3s linear infinite normal;*/
	height:100vh;
}
#logo-preloading img{
	margin-top:90px;
}
@keyframes zoom{
	0%,100%{
		transform:scale(0.5);
	}
	50%{
		transform:scale(0.8);
	}
}
#logo{
    position:absolute;
	left:30px;
	top:12px;
	width:100px;
    z-index:19;
}
#navbar{
	position:fixed;
	width:100%;
    background-color:#0087a3;
    height:90px;
	z-index:20;
}
#ham-menu{
	position:fixed;
	right:30px;
	top:40px;
	z-index:21;
	width:30px;
	height:30px;
}   
#ham-menu span{
	position:absolute;
	height:2px;
	background-color:#ffffff;
	width:100%;
	transition:all.4s ease-in-out;
	transform-origin: 0 0; /*per cambiare il punto di trasformazione dell'origine. Così è in alto a sinistra*/
}
#ham-menu span:nth-of-type(1){
	top:0;
}
#ham-menu span:nth-of-type(2){
	top:8px;
	width:100%;
	/*<!--se inserisco right:0, la seconda linea del menu hamburger in default parte e si allinea da destra-->*/
	right:0;
}
#ham-menu span:nth-of-type(3){
	top:16px;
	width:100%;
	/*<!--se inserisco right:0, la seconda linea del menu hamburger in default parte e si allinea da destra-->*/
	right:0;
}
#ham-menu:hover{
	cursor:pointer;
	
}
#ham-menu:hover span:nth-of-type(1){
	width:100%;
    color:#2c363f;
}
#ham-menu:hover span:nth-of-type(2){
	width:100%;
    color:#2c363f;
}
#ham-menu:hover span:nth-of-type(3){
    opacity:1;
	width:100%;
    color:#2c363f;
}
#ham-menu.open span:nth-of-type(1){
	top:-1px;/*altrimenti la X sembrerà storta. Lo abbiamo già visto*/
	transform:rotate(45deg);
	width:100%;
}
#ham-menu.open span:nth-of-type(2){
	transform:rotate(-45deg);
	top:20px;
	width:100%;
}
#ham-menu.open span:nth-of-type(3){
    opacity:0;
}

#fullMenu{
	display:none;
	position:fixed;
	width:100%;
	height:100%;
    background-color:#0087a3;
	z-index:17;
}
#menu{
	position:absolute;
	left:30px;
	bottom:30px;


}
#menu ul{

	list-style-type: none;

}
#menu ul li{
/*	opacity:0;*/
	transition: all .6s ease-out;

}
#menu ul li a{
	display:block;
	font-family: 'Poppins', sans-serif;
	font-size:4.8rem;
	line-height: 5.2rem;
	color:#ffffff;

}
#menu ul li a span{
    color:#00b7d4;
}
#menu ul li.animMenu{
	transform: translateX(10px);
	opacity: 1;
}
#menu ul li:nth-of-type(1){
	transition-delay:.4s;

}
#menu ul li:nth-of-type(2){
	transition-delay:.8s;
}
#menu ul li:nth-of-type(3){
	transition-delay:1.2s;
}
#menu ul li:nth-of-type(4){
	transition-delay:1.6s;
}
#menu ul li:nth-of-type(5){
	transition-delay:2s;
}
/*inserire il div a destra quando siamo nel menu attivo*/
#menu ul li a:hover{
	text-decoration:none;

}
#bgMenu{
	position:absolute;
	bottom:0;
	right:0;
	height:100%;
	width:50%;
	background-position:right bottom;
	background-size:cover;
}
#backToTop{
    position:fixed;
	display:none;
    right:30px;
    bottom:30px;
    width:30px;
    height:30px;
    background-color:white;
    text-align:center;
    line-height:30px;
	cursor:pointer;
}
#aboutMe{
	
}
#mySkills{
	
}
.container-fluid{
    background-color:#2c363f;

}
#sezioneHome{
    position:relative;
    width:100%;
	height:100vh;
}
#logoHome{
    position:absolute;
    width:250px;
    top:340px;
    left:50%;
    transform:translate(-50%,-50%);
}
#logoHome img{

}

#iMieiRuoli{
    background-color:#2c363f;
/*	margin-top:-70px;*/
	margin-top:-50px;
}
#graphicdesigner img{ 
	margin-top:20px;
    width:65%;
}
#motiongraphicdesigner img{
	margin-top:20px;
    width:100%;
}
#uiuxdesigner img{
	margin-top:20px;
    width:65%;
}
.socialIcons{
	position:fixed;
	right:30px;
	top:220px;
	z-index:20;
}
#iconeContatti{

}
#iconeContatti a{
	float:left;
}
#iconeContatti a img{
	width:40px;
	margin-bottom:50px;
}

.scrollDown{
	width:40px;
	height:20px;
	margin:10px auto;

}
.scrollDown img{
	top:0;
	opacity:1;
	animation: scrollDown 2.2s ease-in-out infinite alternate;
}
@keyframes scrollDown{
	0%,100%{
		opacity:0;
	}
	50%{
		opacity:1;
		margin-top:10px;
	}
}
.introPagina{
	position:relative;
	width: 100%;
	height:370px;
	background-color:#2c363f;
}
.introPagina h1{
	position:absolute;
	font-size:4.8rem;
/*	left:80px;*/
	left:40px;
	margin-top:150px;
	color:#ffffff;
}
.introPagina h1 span {
	font-size:4.8rem;
	color:#00b7d4;
}
.testiPagina{
	width:100%;

}
.testiPagina h2{
	color:#333333;
	margin-top:84px;
	margin-left:70px;
	font-size:4.0rem;
/*	text-transform: uppercase;*/
}
.testiPagina p{
	color:#333333;
	margin-left:70px;
	margin-top:84px;
	margin-bottom:84px;
}
#containerTestoCV{
	width:100%;
	background-color:#ffffff;	
	background-image: url(img/bg_logo.svg);
	background-repeat: no-repeat; 
	background-attachment: fixed;
	background-size:contain;
	background-position: right;
}
#containerSkills{
	display:none;
	width:100%;
	background-color:#ffffff;	
}
#containerSkills2{
	width:100%;
	background-color:#ffffff;	
}

#containerSkills2 .linePs{
	position:relative;
	top:-15px;
	width:100px;
}
#containerSkills2 .lineAi{
	position:relative;
	top:-15px;
	width:100px;
}
#containerSkills2 .lineAe{
	position:relative;
	top:-15px;
	width:100px;
}
#containerSkills2 .lineId{
	position:relative;
	top:-15px;
	width:100px;
}
#containerSkills2 .lineXd{
	position:relative;
	top:-15px;
	width:100px;
}
#containerSkills2 .lineDw{
	position:relative;
	top:-15px;
	width:100px;
}
#containerSkills2 .lineHtml{
	position:relative;
	top:-32px;
	width:100px;
}
#containerSkills2 .lineCss{
	position:relative;
	top:-32px;
	width:100px;
}
#containerSkills2 .lineJs{
	position:relative;
	top:-32px;
	width:100px;
}
#containerSkills2 .lineJquery{
	position:relative;
	top:-32px;
	width:100px;
}
#containerSkills2 .lineBootstrap{
	position:relative;
	top:-38px;
	width:100px;
}
#containerSkills2 .lineWp{
	position:relative;
	top:-35px;
	width:100px;
}
#containerSkills2 img{
/*	position:absolute;
	left:50%;
	transform:translate(-50%,-50%);*/
	left:50%;
	width:80px;
}
#primaRigaWebSkills2 img{
	left:50%;	
}

.caricamentoNumeriPhotoshop{
	position:absolute;
	left:50%;
	transform:translate(-50%,-50%);
}
.caricamentoNumeriIllustrator{
	position:absolute;
	left:50%;
	transform:translate(-50%,-50%);
}
.caricamentoNumeriAfterEffects{
	position:absolute;
	left:50%;
	transform:translate(-50%,-50%);
}
.caricamentoNumeriXd{
	position:absolute;
	left:50%;
	transform:translate(-50%,-50%);
}
.caricamentoNumeriDw{
	position:absolute;
	left:50%;
	transform:translate(-50%,-50%);
}
.caricamentoNumeriId{
	position:absolute;
	left:50%;
	transform:translate(-50%,-50%);
}
.caricamentoNumeriHtml{
	margin-top:12%;
}
.caricamentoNumeriCss{
	margin-top:12%;
}
.caricamentoNumeriJs{
	margin-top:12%;
}
.caricamentoNumeriJquery{
	margin-top:12%;
}
.caricamentoNumeriBootstrap{
	margin-top:15%;
}
.caricamentoNumeriWp{
	margin-top:12%;
}
.linePs{
	position:absolute;
	height:10px;
	width:90%;
	margin-top:10px;
	display:none;
	background-color:#31a8ff;
	animation-name:allunga;
	animation-duration:.8s;
	animation-delay:0.3s;
	animation-iteration-count:1;
	animation-direction:normal;
	animation-timing-function: linear;
}
.lineAi{
	position:absolute;
	height:10px;
	width:90%;
	margin-top:10px;
	display:none;
	background-color:#FF9A00;
	animation-name:allunga;
	animation-duration:.8s;
	animation-delay:0.3s;
	animation-iteration-count:1;
	animation-direction:normal;
	animation-timing-function: linear;
}
.lineAe{
	position:absolute;
	height:10px;
	width:90%;
	margin-top:10px;
	display:none;
	background-color:#9999FF;
	animation-name:allunga;
	animation-duration:.8s;
	animation-delay:0.3s;
	animation-iteration-count:1;
	animation-direction:normal;
	animation-timing-function: linear;
}
.lineXd{
	position:absolute;
	height:10px;
	width:80%;
	margin-top:10px;
	display:none;
	background-color:#9999FF;
	animation-name:allunga;
	animation-duration:.8s;
	animation-delay:0.3s;
	animation-iteration-count:1;
	animation-direction:normal;
	animation-timing-function: linear;
}
.lineXd{
	position:absolute;
	height:10px;
	width:80%;
	margin-top:10px;
	display:none;
	background-color:#FF61F6;
	animation-name:allunga;
	animation-duration:.8s;
	animation-delay:0.3s;
	animation-iteration-count:1;
	animation-direction:normal;
	animation-timing-function: linear;
}
.lineDw{
	position:absolute;
	height:10px;
	width:80%;
	margin-top:10px;
	display:none;
	background-color:#FF61F6;
	animation-name:allunga;
	animation-duration:.8s;
	animation-delay:0.3s;
	animation-iteration-count:1;
	animation-direction:normal;
	animation-timing-function: linear;
}
.lineId{
	position:absolute;
	height:10px;
	width:80%;
	margin-top:10px;
	display:none;
	background-color:#FF3366;
	animation-name:allunga;
	animation-duration:.8s;
	animation-delay:0.3s;
	animation-iteration-count:1;
	animation-direction:normal;
	animation-timing-function: linear;
}
.lineHtml{
	position:absolute;
	height:10px;
	width:90%;
	margin-top:-10px;
	display:none;
	background-color:#389BDF;
	animation-name:allunga;
	animation-duration:.8s;
	animation-delay:0.3s;
	animation-iteration-count:1;
	animation-direction:normal;
	animation-timing-function: linear;
}
.lineCss{
	position:absolute;
	height:10px;
	width:90%;
	margin-top:-10px;
	display:none;
	background-color:#305FB5;
	animation-name:allunga;
	animation-duration:.8s;
	animation-delay:0.3s;
	animation-iteration-count:1;
	animation-direction:normal;
	animation-timing-function: linear;
}
.lineJs{
	position:absolute;
	height:10px;
	width:40%;
	margin-top:-10px;
	display:none;
	background-color:#F0E700;
	animation-name:allunga;
	animation-duration:.8s;
	animation-delay:0.3s;
	animation-iteration-count:1;
	animation-direction:normal;
	animation-timing-function: linear;
}
.lineJquery{
	position:absolute;
	height:10px;
	width:40%;
	margin-top:-10px;
	display:none;
	background-color:#07A9EA;
	animation-name:allunga;
	animation-duration:.8s;
	animation-delay:0.3s;
	animation-iteration-count:1;
	animation-direction:normal;
	animation-timing-function: linear;
}
.lineBootstrap{
	position:absolute;
	height:10px;
	width:70%;
	margin-top:-4px;
	display:none;
	background-color:#5B3A8A;
	animation-name:allunga;
	animation-duration:.8s;
	animation-delay:0.3s;
	animation-iteration-count:1;
	animation-direction:normal;
	animation-timing-function: linear;
}
.lineWp{
	position:absolute;
	height:10px;
	width:50%;
	margin-top:-10px;
	display:none;
	background-color:#0074A0;
	animation-name:allunga;
	animation-duration:.8s;
	animation-delay:0.3s;
	animation-iteration-count:1;
	animation-direction:normal;
	animation-timing-function: linear;
}
#boh{
	color:#ffffff;
}
#jquery{
	margin-top:40px;
}
#bootstrap{
	margin-top:40px;
}
#wp{
	margin-top:40px;
}
#boh2{
	color:#ffffff;
}
#jquery2{
	margin-top:40px;
}
#bootstrap2{
	margin-top:40px;
}
#wp2{
	margin-top:40px;
}
#countHtml{
	position:relative;
	margin-top:-8px;
}
#countCss{
	position:relative;
	margin-top:-8px;	
}
#countJs{
	position:relative;
	margin-top:-8px;
}
#countJquery{
	position:relative;
	margin-top:-8px;
}
#countBootstrap{
	position:relative;
	margin-top:-8px;	
}
#countWp{
	position:relative;
	margin-top:-8px;
}
#countHtml2{
	position:relative;
	margin-top:-8px;
}
#countCss2{
	position:relative;
	margin-top:-8px;	
}
#countJs2{
	position:relative;
	margin-top:-8px;
}
#countJquery2{
	position:relative;
	margin-top:-8px;
}
#countBootstrap2{
	position:relative;
	margin-top:-8px;	
}
#countWp2{
	position:relative;
	margin-top:-8px;
}
#rigaUno{
	margin-top:100px;	
}
#psMobile{
	margin-bottom:100px;
}
#aiMobile{
	margin-bottom:100px;
}
#aeMobile{
	margin-bottom:100px;
}
#xdMobile{
	margin-bottom:100px;
}
#dwMobile{
	margin-bottom:100px;
}
#idMobile{
	margin-bottom:100px;
}
#riga{
	margin-top:100px;
}
@keyframes allunga{
	0%{width:0px;}
	100%{width:100px;}
}
#backtotop{
	position:relative;
	right:15px;
	width:30px;
	height:30px;
	left:50%;
	margin-bottom:80px;
/*	text-align:center;*/
/*	left:50%;
	transform:translate(-50%,-50%);*/
}
#rigaTutteIcone{
	margin-top:100px;
}
/*-------------------------------------pagina works------------------------------------*/


.lista{
	
}
.lista img{
	margin-right:10px;	
}
.lista a{
	color:#ffffff;
	list-style-type: none;
	text-decoration:none;
}
.lista a:hover{
	color:#ffffff;
	list-style-type: none;
	text-decoration:none;
}
.spazietto img{
	margin-right:10px;
}


/*-------------------------------------fine pagina works------------------------------------*/


/*------------------------------------------pagina contatti-------------------------------------------*/

#listaContatti{
	margin-top:50px;
}
#listaContatti a{
	list-style-type: none;
	text-decoration:none;
	margin-left:70px;
	margin-top:84px;
	margin-bottom:84px;
	color: #2C363F;
}
#listaContatti a img{
	width:40px;
}
#pulsante1 img{
	margin-left:50px;
}

#pulsanteHover1{
	position:absolute;
	display:none;
	margin-left:165px;
/*	margin-top:-35px;*/
	margin-top:-44px;
	transition:all .3s ease-in-out;
	opacity:0;
	
}#pulsanteHover1:hover{
	transition:all .3s ease-in-out;
	opacity:1;
}
#pulsanteHover1 img{
	width:220px;

}
#pulsante2 img{
	margin-left:27px;	
}
#pulsanteHover2{
	position:absolute;
	display:none;
	margin-left:165px;
/*	margin-top:-35px;*/
	margin-top:-44px;
	transition:all .3s ease-in-out;
	opacity:0;
}
#pulsanteHover2:hover{
	transition:all .3s ease-in-out;
	opacity:1;
}
#pulsanteHover2 img{
	width:220px;
}
#pulsante3 img{
	margin-left:55px;	
}
#pulsanteHover3{
	position:absolute;
	display:none;
	margin-left:165px;
/*	margin-top:-35px;*/
	margin-top:-44px;
	transition:all .3s ease-in-out;
	opacity:0;	
}
#pulsanteHover3:hover{
	transition:all .3s ease-in-out;
	opacity:1;
}
#pulsanteHover3 img{
	width:220px;	
}
#pulsante4 img{
	margin-left:110px;	
}
#pulsanteHover4{
	position:absolute;
	display:none;
	margin-left:165px;
/*	margin-top:-35px;*/
	margin-top:-29px;
	transition:all .3s ease-in-out;
	opacity:0;	
}
#pulsanteHover4:hover{
	transition:all .3s ease-in-out;
	opacity:1;
}
#pulsanteHover4 img{
	width:220px;
}
#formTitolo{
	margin-top:65px;
}
#formTitolo h1{
	color:#2C363F;
}

/*----stilizzazione del form-----*/

form{
	margin-top:30px;
}

input#nome{
	border:1px solid #5DDDEE;
	height:30px;
	margin-bottom:10px;
}
input#nome p{
	font-family: 'Poppins', sans-serif;
}
input#cognome{
	border:1px solid #5DDDEE;
	height:30px;
	margin-bottom:10px;
}
input#cognome p{
	font-family: 'Poppins', sans-serif;	
}
input#email{
	border:1px solid #5DDDEE;
	height:30px;
	margin-bottom:10px;
}
input#email p{
	font-family: 'Poppins', sans-serif;	
}
input#note{
	margin-bottom:10px;

}
input#note p{
	font-family: 'Poppins', sans-serif;
	
}
textarea#note{
	border:1px solid #5DDDEE;	
}
input#invia{
	text-align:center;
/*	width:262px;*/
	margin-top:10px;
	height:40px;
	background-color:#CBE345;
	border:none;
	margin-bottom:80px;
}
input#invia:hover{
	text-align:center;
	margin-top:10px;
	height:40px;
	background-color:#5DDDEE;
	transition:all .3s ease-in-out;
	border:none;
}
input#invia{
	font-family: 'Poppins', sans-serif;
	font-size:1.6rem;

}
input#invia:hover{
	font-family: 'Poppins', sans-serif;
	font-size:1.6rem;
	color:#ffffff;

}
/*----togliere il bordo attorno ai campi dei form------*/



input[type=text]:focus, textarea, input[type=telefono], input[type=email]{
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	outline:none;
}


/*------------------------------------------fine pagina contatti-------------------------------------------*/

/*------------------------------------------footer-------------------------------------------*/


.vociMenuFooter{
	position:absolute;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:2;/*----questo z-index serve perchè altrimenti le voci di menu da mobile non sono cliccabili perchè risulta qualche altro div avanti a loro. Penso le icone social del footer---*/

}
.vociMenuFooter ul{
	list-style-type: none;
}
.vociMenuFooter ul li{
	float:left;
	margin-left:15px;
}
.vociMenuFooter ul li a{
	font-family: 'Poppins', sans-serif;
	font-size:1.6rem;
	line-height: 5.2rem;
	color:#ffffff;	
	text-decoration:none;
}
.iconeSocialFooter{
	position:absolute;
	left:50%;
	top:10px;
	transform:translate(-50%,-50%);
}
.iconeSocialFooter ul li{
	list-style-type: none;
	text-decoration:none;
}
.iconeSocialFooter ul li a{

}
.iconeSocialFooter img{
	margin-right:20px;
	width:40px;
}
.gmailiconfooter{
	margin-top:4px;
}
.copyright{
	position:absolute;
	width:100%;
}
.copyright p{
	text-align:center;
	font-family: 'Poppins', sans-serif;
	font-size:1.2rem;	
}


/*------------------------------------------fine footer-------------------------------------------*/



/*------------------------------------------mediaqueries-------------------------------------------*/

@media(min-width:200px){
.socialIcons{
	display:none;
	}
#logoHome2{
display:none;
	margin-top:100px;
}
#containerSkills2{
	display:block;	
}
#primaRigaWebSkills{
	margin-top:80px;
	}
#primaRigaWebSkills2{
/*	margin-top:80px;*/
	}
#rigaCss{
	margin-top:80px;
	}
#rigaCss2{
	margin-top:80px;
	}
#rigaJs{
	margin-top:80px;	
	}
#rigaJs2{
	margin-top:80px;	
	}
.parallax-bg{
	background-image:url(img/allyoucaneatalian.jpg);
}
.parallax-bg2{
background-image:url(../img/mmf.jpg);
}
.parallax-bg3{
background-image:url(../img/jazzandthecity.jpg);
}
.parallax-bg4{
background-image:url(../img/variazioni.jpg);
}
.parallax-bg5{
background-image:url(../img/altrock.jpg);
}
.parallax-bg6{
background-image:url(../img/arway.jpg);
}
.parallax-bg7{
background-image:url(../img/didato.jpg);
}
.parallax-bg8{
background-image:url(../img/dream.jpg);
}
.parallax-bg9{
background-image:url(../img/brancaccio.jpg);
}
.parallax-bg10{

}
video{
	position:absolute;
	height:100vh;

}

/*.embed-responsive{
	position:relative;
	display:block;
	width:100%;
	height:100vh;
	padding:0;
	overflow:hidden;
}
.embed-responsive .embed-responsive-item .embed-responsive embed .embed-responsive iframe .embed-responsive object .embed-responsive video{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	width:100%;
	height:100%;
	border:0;
}*/
.swiper-slider .subtitle a{
	text-decoration:none;
	text-decoration-color:#ffff;
}
.text{

	padding:20px;
	box-sizing:border-box;
	background-color:rgba(0,0,0,0.40);
}
	.text p{
		margin-top:8px;
		width:250px;
	}

.subtitle{
	width:200px;
	padding:20px;
	box-sizing:border-box;
	background-color:rgba(0,0,0,0.40);
}


.iconeSocialFooter{

}
.vociMenuFooter{
		top:210px;
}
footer{
	height:1000px;
	background-color:#0087A3;
}
#iconeFooter425{
	display:none;
	margin-top:-20px;
}
#iconeFooterMobile{
	display:block;
	margin-top:580px;
	width:100%;
}
#iconeFooterMobile ul{
	width:100%;
/*	background-color:#0087A3;*/
}

#iconeFooterMobile img{
	width:80px;
	margin-top:40px;

}
.copyright{
	margin-top:650px;
}
#backtotop{
	bottom:-740px;
}
/*#containerSkills2 .lineHtml{
	left:30%;
}
#containerSkills2 .lineCss{
	left:30%;
}
#containerSkills2 .lineJs{
	left:30%;
}
#containerSkills2 .lineJquery{
	left:30%;
}
#containerSkills2 .lineBootstrap{
	left:30%;
}
#containerSkills2 .lineWp{
	left:30%;
}*/
}
@media(min-width:320px){
.iconeSocialFooter{
		width:320px;
	}
.iconeSocialFooter img{
	margin-right:15px;
	width:30px;
}

.iconeSocialFooter ul li{
text-align:center;
}
input#invia{
	width:265px;
}
}
@media(min-width:375px){
	.vociMenuFooter{

	}
}
@media(min-width:386px){
	.vociMenuFooter{
	width:140px;	
	}
}
@media(min-width:425px){
#iconeFooter425{
	display:block;
}
footer{
	height:10px;
	background-color:#ffffff;
}
#iconeFooterMobile{
	display:none;
}
.vociMenuFooter{
	margin-top:80px;
	width:425px;

}
.vociMenuFooter ul li{
	margin-left:4px;
}
.iconeSocialFooter ul li{
	float:left;
}
.iconeSocialFooter ul li{
	margin-left:8px;
}
.copyright{
	margin-top:100px;
}
#backtotop{
	bottom:-200px;
}
/*#containerSkills2 .lineHtml{
	left:35%;
}
#containerSkills2 .lineCss{
	left:35%;
}
#containerSkills2 .lineJs{
	left:35%;
}
#containerSkills2 .lineJquery{
	left:35%;
}
#containerSkills2 .lineBootstrap{
	left:35%;
}
#containerSkills2 .lineWp{
	left:35%;
}*/
.text p{
	width:250px;
}
}
@media(min-width:576px){

}
@media(min-width:767px){

@media(min-width:768px){
	.socialIcons{
		display:block;

	}
#containerSkills{
	display:block;	
}
#containerSkills2{
	display:none;	
}
#primaRigaWebSkills{
	margin-top:0px;
	}
#primaRigaWebSkills2{
	margin-top:0px;
	}
#rigaCss{
	margin-top:0px;
	}
#rigaCss2{
	margin-top:0px;
	}
#rigaJs{
	margin-top:0px;	
	}
#rigaJs2{
	margin-top:0px;	
	}
.iconeSocialFooter ul li{
	margin-left:10px;
}
.copyright{
	margin-top:50px;
}
#backtotop{
	bottom:-100px;
}
}

}
@media(min-width:1024px){
#pulsanteHover1{
display:block;
}
#pulsanteHover2{
display:block;
}
#pulsanteHover3{
display:block;
}
#pulsanteHover4{
display:block;
}
.text p{
	width:300px;
}
}
@media(min-width:1200px){
	


}
@media(min-width:1440px){


/*	#iMieiRuoli{
	margin-top:-250px;
}*/
}
@media(min-width:1500px){

}
@media(min-width:1600px){
#rigaDaAggiustareDai1600px{
	margin-left:80px;
}
}
@media(min-width:2560px){

/*#iMieiRuoli{
	margin-top:-250px;
}*/
#rigaDaAggiustareDai1600px{
	margin-left:-100px;
}
#rigaDaModificareDai2560px{
	width:1300px;
}
}