@charset "utf-8";

/* CSS Document */

@media only screen and (max-width: 1024px) {





figcaption { display:none}



#center-home {

   

    margin: 18% 10%;

    width: 80%;

   

}

#social {

    width: 50%;

    margin: 20px 25%;

}

#name {

    width: 100%;

    float: none;

	padding-bottom:10px;

	text-align:center

   

}

#menu{ width:100%; float:none}

#menu ul {

    margin: 3px 1%;

    padding: 0;

    width: 98%;}

	#menu ul li{ width:14.2% }



#menu ul li a {

     font-size: 21px;

       padding: 20px 3px;

}

 

#center-home>a{   width:150px; float:none;  }



#center-home>a.left, #center-home>a.right{margin:20px auto 20px auto}

#social {

    width: 40%;

    margin: 40px 30%;

	

}





#links.links img {

    width: 40%;

	margin:10px 5%; 



}

#links.disegni img {

    width: 40%;margin:10px 3% ; 

}





#links.fotogallery img{ width:100% ; text-align:center ; margin: auto}



.spacer-disegni{ display:none}

.testo{ width:80%; margin:20px 5%; float:none; border-bottom:dashed 1px #999}



#showreel { width:90%; margin:20px 5%; text-align:center}

#showreel iframe{  height:400px}

.awards { width:98%; margin:0px  1%;  }

.loghi-awards{ width:30%;}

.loghi-awards img{ width:88%; max-width:150px}

.elenco-awards{ width:70%; font-size:20px; margin-bottom:40px}



#form-contact, #dati-contact{ float:none; width:90%; margin:20px 5%}

#dati-contact{ text-align:center}

#form-contact input.send { position:relative;  text-align:center

}

 

  #links.fotogallery a h3{ font-size:22px; width:100%;

	      margin: 2px 0%;

    text-align: center;

	float:none

	    

	  }

	  

	  #links.fotogallery div.morephoto{ display:block; font-size:15px; font-weight:normal;float:none; width:120px; position:relative; margin:0 auto 20px auto}





.blueimp-gallery > .slides > .slide > .slide-content {

    max-height: 100%}



}



@media only screen and (max-width: 700px) {





#links.links img {

    width: 60%;

	margin:10px 20%; 



}

}