@charset "utf-8";

/* CSS Document */

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







figure:before{ display:none !important}







#form-contact input, #form-contact textarea{ width:100%;  padding:5px; margin:5px 0; }



#form-contact input.send{background:#666; color:#fff; }

#name img{ width:80%;}

.header {

   display: block

}

#content{ margin-top:40px}

 #content>h1{ font-size:25px}



#center-home {

   

    margin: 50% 10% 20%;

    width: 80%;

   

}



#center-home>a{   width:80px; float:none; padding:10px 25px  }



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

#social {

    width: 80%;

    margin: 20px 10%;

	

}

#name {

    width: 100%;

    float: none;

	padding-bottom:10px

   

}

#menu {

    width: 100%;

    float: none;

	display:none

}

#menu ul {

    margin: 5px 5%;

    padding: 0;

    width: 90%;

}

#menu ul {

    margin: 5px 5%;

    padding: 0;

    width: 90%;

	}





#menu ul li {

    float: none;

    width: 100%;

   

}

#menu ul li a {

      font-size: 16px;

    padding: 5px;



}



#links.links img{

   

	 width: 80%; margin:10px auto

}

#links.disegni img {

    width: 82%;

	margin:10px auto; 

	position:relative;

	max-height:inherit;

	float:none

}

#links.fotogallery img {

    width: 100%;

	

}

#links.fotogallery a{

   

	float:none

}



#links.border a {

    width: 50%;

    margin: 5px 0 15px;

    float: left;}

	

#links.border img{ width:90% ; margin:2px 5% 2px}



.pic iframe{ height:auto !important}

#videogallery a {

    width: 80%; margin:0 10%}





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

#showreel iframe{ height:250px}



.awards {  width:96%; margin:0px 2%;  }





.testo {

   

    font-size: 20px;

    line-height: 22px;

}	

.testo img{ width:40%}



.titolismall .blueimp-gallery > .title {

    font-size: 15px;

	line-height:18px;

	width:93%;

	margin:5px 0

   

}

.blueimp-gallery > .next,.blueimp-gallery > .prev{ display:none}

	

.poptrox-popup{ width:80% !important; padding:10px 0 !important}



.spacer-fotogallery{ display:none}

.spacer-fotogallery-tablet{ display:none}

#footer {

   position: relative;

   margin-top:30px

   

}







}

@media only screen and (max-height: 270px) {



.blueimp-gallery > .title {

   

    font-size: 20px;

    line-height: 22px;

	 top: 5px;

   

	}

	

.titolismall .blueimp-gallery > .title {

    font-size: 18px;

    line-height: 22px;

    top: 5px;

    width: 85%;

}



	

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

	max-height:100%; max-width:100%}

	





 .disegni .blueimp-gallery > .title {

   font-size: 14px;

    line-height: 16px;

    top: auto;

    width: 92%;

    margin: 0;

}	



#center-home>a.left, #center-home>a.right {

    margin: 5px auto 5px auto;

	padding:5px 20px

}

#center-home {

    margin: 2% 20% 0%;

    width: 60%;



}



.header li a {

      padding: 6px 20px;

	

	}



}

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



 .disegni .blueimp-gallery > .title {

    font-size: 14px;

    line-height: 16px;

	}

	

}