.wrap {
	font-size: 12px;
	font-family: 'din', sans-serif;
	color: #ccc;
	line-height: 20px;
	position: relative;
	overflow-x: hidden; 
	-webkit-tap-highlight-color: #000;

}


.wrapcontact {
	width: 100%;
	background: #F6F6F6;
	height: 315px;
	display:none;
}
#smart{width:30%}

.container {
	width: 1000px;
	height: 100%;
	margin: 0 auto;
	padding: 6% 0 2% 0;
}

.topnav {
	width: 100%;
	height: auto;
	background-color: rgba(0, 0, 0, 0.12);
	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.21);
}

#menu {
	text-align: right;
}

a {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	text-decoration: none
}

.imglogo {
	float:left;
	height: 40px;
	width: 160px;
	padding-left: 3%;
	margin-top:-7px;
}

.log{
	width: 153px;padding: 2%;
}

.imglogopaco {
	float: left;
	
	padding-left: 3%;
	margin-top: -8px;
}

p {
	font-family: 'helvetica', sans-serif;
	font-style: normal;
	font-size: 13px;
	cursor: normal;
}

#top {
	width: 100%;
	text-align: center;
	position: relative;
	z-index: 10;
}

#logo {
	width: 210px;
	height: 45px;
	margin: 0 auto;
	padding-top: 17px;
}

h1 {
	font-family: 'mensch', sans-serif;
	font-size: 37px;
	color: #ccc;
	font-weight: 400;
	font-style: normal;
	margin-bottom: 15px;
	line-height: 1.1em;
	text-transform: uppercase;
	text-align: center;
}

h1 span {
	font-weight: 300;
	text-align: center;
}

h2 {
	font-family: 'mensch', sans-serif;
	font-size: 1.8em;
	font-weight: 400;
	color: #ccc;
	font-style: normal;
	text-transform: uppercase;
	lletter-spacing: 0.1em;
	text-align: center;
	padding-top: 10%;
}

.date{
font-family: 'mensch', sans-serif;
	font-size: 1.6em;
	font-weight: 400;
	color: #ccc;
	font-style: normal;
	text-transform: uppercase;
	lletter-spacing: 0.1em;
	text-align: center;
	padding: 2% 0;

}
.vuoto{
	width: 100% ;
	height: 550px;
}

.exit {
	color: #fff;
}

.strip {
	width: 100%;
	border: 1px solid #DCDCDC;
	margin: 0 auto;
}

#menuband {
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	margin: 0 auto;
	color: #FFF;
	font-size: 10px;
}

#menucover {
	width: 100%;
	height: 40px;
	background-color: #fff;
	margin: 0 auto;
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,.5);
}

#hiddenmenu-sticky-wrapper{height:48px !important;}

.imgscroll{
	padding-top: 3%;
}

::selection { 
   background: rgb(228, 228, 228);
    } 
::-moz-selection { 
   background: rgb(228, 228, 228);
}

/* Menu */

.menuresp {
	display:none;
	}
	
#menu1 {
	text-align: right;
	font-family: 'din', sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 1.4em;
	}
	
.wrapmenuhidden{
	background-color: rgb(250, 122, 79);
	width: 100%;
	margin: 0 auto;
}


#menu1 li {
	display: inline;
	text-decoration: none;
	color: #000;
	font-style: normal;
	
	letter-spacing: 1px;
	color: #4d4d4d;
	margin-right: 4%;
}

#menu1 li:first-child {
	margin-left: 0px;
}

#menu1 li a {
	display: inline;
	text-decoration: none;
	font-style: normal;
	color: #fff;
	cursor: pointer;
}

#navenclosure {
	width: 100%;
}

#topmenu {
	width: 650px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	margin: 0 auto;
	color: #FFF;
	font-size: 13px;
	text-transform: uppercase;
	font-style: normal;
	font-family: 'din', sans-serif;
	font-weight: 900;
	letter-spacing: 0.3em;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.25);
	border-top: 3px double #fff;
    border-bottom: 3px double #fff;
}

#topmenu select {
	display: none;
}

#topdrop{
	display: none;
}

#topmenu ul li {
	display: inline;
	text-decoration: none;
	color: #FFF;
	cursor: pointer;
	margin-left: 4%;
}

#hiddenmenu ul li {
	display: inline;
	text-decoration: none;
	color: #000;
	display: inline-block;
	cursor: pointer;
	letter-spacing: 1px;
	font-family: 'din', sans-serif ;
	font-size: 1.4em;
	margin-right: 4%;
}

	

#topmenu a {

	text-decoration: none;
	color: #FFF;
	cursor: pointer;
}

#topmenu a:hover {
	color: #000;
}

#topmenu ul li:last-child {
	margin-right: 0px;
	padding-right: 0px;
}

#hiddenmenu {
	width: 100%;
	padding-top: 16px;
	padding-right: 0px;
	padding-bottom: 11px;
	margin: 0 auto;
	color: #FFF;
	font-size: 10px;
	text-transform: uppercase;
	font-family: 'din', sans-serif;
	background-color: #000;
    z-index:999;
    text-align: center;
	box-shadow: 0px 2px 3px rgb(146, 145, 145);
}

#hiddenmenu a {
	text-decoration: none;
	color: #FFF;
	cursor: pointer;
}

#hiddenmenu a:last-child {
	padding-right: 0px;
	margin-right: 0px;
}

#hiddennavenclosure {
	width: 100%;
	margin-top: 49px;
	background-color: #fff;

}

#navcover {
	width: 100%;
	background-color: #F6F6F6;
	position: relative;
}

/* Portfolio work */

#work {
		width: 100%;
		height: auto;
		background: #F6F6F6;
		background-image:url(../images/pattern.png);
		background-repeat:repeat;
	
}
.socc{margin-left:50px;margin-top: 6px;}
.soc{font-family: 'mensch', sans-serif;font-size:12px;padding-right:10px;padding-top:2px;}

.photoportfolio:hover {opacity:0.9}

.thirteen {
	font-size: 20px;
	line-height: 33px;
	font-family: 'din', sans-serif;
	font-style: normal;
	color: rgb(100, 100, 100);
}

.dettaglimg{
	width: 100%;
	height: auto;
	margin-top: 1%;
	text-align:center;
}

.det {
	font-family: 'mensch', sans-serif;
	font-size: 1.4em;
	color: rgb(0, 122, 255);
}

.sit {
	font-size: 1.1em;
	color: #000;
	font-family: 'mensch', sans-serif;
}

.respimg   {width: 95%;}


/* Scritte intro HOMEPAGE*/

#intro {
	margin: 0 auto;
	margin-top: 15%;
}

.introh1 {
	font-family: 'bebas', sans-serif;
	font-size: 7.2em;
	color: #FFF;
	font-weight: normal;
	text-transform: uppercase;
	margin-bottom: 0px;
	line-height: 2.1em;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.25);
}


.introh3 {
	font-family: 'brush', sans-serif;
	font-size: 3.5em;
	color: white;
	margin: 0 auto;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.25);
	padding-top: 3%;
}

.introh4 {
	font-family: 'bebas', sans-serif;
	font-size: 5.3em;
	width: 730px;
	margin: 0 auto;
	margin-top: 0px;
	padding-top: 23px;
	padding-bottom: 20px;
	font-weight: normal;
	color: white;
	font-style: normal;
	text-transform: uppercase;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.25);
}

.solid_left {
	width: 260px;
	border-top:2px solid #FFF;
	display: inline-block;
	margin-bottom: 10px;
	margin-right: 15px;
}

.solid_right {
	width: 260px;
	border-top:2px solid #FFF;
	display: inline-block;
	margin-bottom: 10px;
	margin-left: 15px;
}


#topfont {
	margin: 0 auto;
	width:600px;
}

.navsocialtop {
	width: 183px;
	margin: 0 auto;
}

.socialtop {
	width: 100%;
	height: 100%;
	padding: 3% 0% 0 0 ;
}

/* CHI SONO */

#chisono {
	width: 100%;
	height: 1000px;
	background: #F6F6F6;
	background-image:url(../images/pattern.png);
	background-repeat:repeat;
}

.wrapaboutme {
	width: 100%;
	margin: 0 auto;
}

.me {
	width: 44%;
	height: 223px;
	float: left;
	margin-top: 2%;
}

.textaboutme {
	width: 56%;
	height: 100%;
	float: left;
		
}

.fotomy{
	width:96%;
}

.fotomy:hover{
	opacity:0.8;
	cursor:crosshair;
}


.text {
	font-size: 14px;
	line-height: 30px;
	font-family: 'din', sans-serif;
	font-style: normal;
	padding: 2% 0% 0% 9%;
	color: #ccc;
}

.stripskill {
	width: 100%;
	margin: 0 auto;
	background: #F6F6F6;
}
	
	
.striptext {
	width: 46%;
	height: 100%;
	float: left;
}

.striphoto {
	width: 50%;
	height: 100%;
	float: left;
	text-align: center;
	padding-top: 6%;
	padding-left: 4%;
}

.boxskill{
	float: left;
	width: 50%;
	height: 100%;
	padding-top: 16%;
}

.textbox {
	font-size: 14px;
	line-height: 30px;
	font-family: 'din', sans-serif;
	font-style: normal;
	color: #000;
}

.textboxar {
	font-family: 'mensch', sans-serif;
	font-size: 1.3em;
	padding-bottom: 4%;
	font-style: normal;
	color: rgb(250, 122, 79);
	

}

/* PORTFOLIO */
.mi-slider {
	position: relative;
	margin-top: 30px;
	height: 600px;
}

.mi-slider nav a:hover {
	color: #272928;
}
.mi-slider nav a.mi-selected {
	color: rgb(250, 122, 79);
}


.mi-slider ul {
	list-style-type: none;
	position: absolute;
	width: 100%;
	pointer-events: none;
	margin-top: 3%;
}

.no-js .mi-slider ul {
	position: relative;
	left: auto;
	bottom: auto;
	margin: 0;
}

.mi-slider ul.mi-current {
	pointer-events: auto;
}

.mi-slider ul li {
	display: inline-block;
	width: 300px;
	height: 170px;
	margin-right: 45px;
	margin-bottom: 12%;
	max-width: 300px;
	-webkit-transform: translateX(600%);
	transform: translateX(600%);
}

#last {
	margin-right: 0px;
}

.mi-slider a {
	text-decoration: none;
}

.mask {
	color: #fff;
	float: left;
	width: 50%;
	height: 50px;
	text-align: center;
	padding-top: 4%;
}

.maskact {
	color: rgb(250, 122, 79);
	float: left;
	width: 50%;
	height: 50px;
	text-align: center;
	padding-top: 4%;
}

.mi-slider ul li img {
	max-width: 100%;
	border: none;	
}

.mi-slider ul li h4 {
	display: inline-block;
	font-style: italic;
	font-weight: 400;
	font-size: 18px;
	padding: 20px 10px 0;
}

.dettagli {
	position:absolute;
}


.mi-slider nav {
	position: relative;
	text-align: left;
	margin: 0 auto;
	font-family: 'mensch', sans-serif;
	font-size: 1.3em;
}

.no-js nav {
	display: none;
}

.mi-slider nav a {
	display: inline-block;
	text-transform: uppercase;
	padding-right: 3%;
	position: relative;
	color: #000;
	outline: none;
	text-decoration:none;
}

#lar{}

/* Move classes and animations */

.mi-slider ul:first-child li,
.no-js .mi-slider ul li {
	-webkit-animation: scaleUp 350ms ease-in-out both;
	animation: scaleUp 350ms ease-in-out both;
}

@-webkit-keyframes scaleUp {
	0% { -webkit-transform: translateX(0) scale(0); }
	100% { -webkit-transform: translateX(0) scale(1); }
}

@keyframes scaleUp {
	0% { transform: translateX(0) scale(0); }
	100% { transform: translateX(0) scale(1); }
}

.mi-slider ul:first-child li:first-child {
	-webkit-animation-delay: 90ms;
	animation-delay: 90ms;
}

.mi-slider ul:first-child li:nth-child(2) {
	-webkit-animation-delay: 180ms;
	animation-delay: 180ms;
}

.mi-slider ul:first-child li:nth-child(3) {
	-webkit-animation-delay: 270ms;
	animation-delay: 270ms;
}

.mi-slider ul:first-child li:nth-child(4) {
	-webkit-animation-delay: 360ms;
	animation-delay: 360ms;
}

/* moveFromRight */

.mi-slider ul.mi-moveFromRight li {
	-webkit-animation: moveFromRight 350ms ease-in-out both;
	animation: moveFromRight 350ms ease-in-out both;
}

/* moveFromLeft */

.mi-slider ul.mi-moveFromLeft li {
	-webkit-animation: moveFromLeft 350ms ease-in-out both;
	animation: moveFromLeft 350ms ease-in-out both;
}

/* moveToRight */

.mi-slider ul.mi-moveToRight li {
	-webkit-animation: moveToRight 350ms ease-in-out both;
	animation: moveToRight 350ms ease-in-out both;
}

/* moveToLeft */

.mi-slider ul.mi-moveToLeft li {
	-webkit-animation: moveToLeft 350ms ease-in-out both;
	animation: moveToLeft 350ms ease-in-out both;
}

/* Animation Delays */

.mi-slider ul.mi-moveToLeft li:first-child,
.mi-slider ul.mi-moveFromRight li:first-child,
.mi-slider ul.mi-moveToRight li:nth-child(4),
.mi-slider ul.mi-moveFromLeft li:nth-child(4) {
	-webkit-animation-delay: 0ms;
	animation-delay: 0ms;
}

.mi-slider ul.mi-moveToLeft li:nth-child(2),
.mi-slider ul.mi-moveFromRight li:nth-child(2),
.mi-slider ul.mi-moveToRight li:nth-child(3),
.mi-slider ul.mi-moveFromLeft li:nth-child(3) {
	-webkit-animation-delay: 90ms;
	animation-delay: 90ms;
}

.mi-slider ul.mi-moveToLeft li:nth-child(3),
.mi-slider ul.mi-moveFromRight li:nth-child(3),
.mi-slider ul.mi-moveToRight li:nth-child(2),
.mi-slider ul.mi-moveFromLeft li:nth-child(2) {
	-webkit-animation-delay: 180ms;
	animation-delay: 180ms;
}

.mi-slider ul.mi-moveToLeft li:nth-child(4),
.mi-slider ul.mi-moveFromRight li:nth-child(4),
.mi-slider ul.mi-moveToRight li:first-child,
.mi-slider ul.mi-moveFromLeft li:first-child  {
	-webkit-animation-delay: 270ms;
	animation-delay: 270ms;
}

/* Animations */

@-webkit-keyframes moveFromRight {
	0% { -webkit-transform: translateX(600%); }
	100% { -webkit-transform: translateX(0%); }
}

@-webkit-keyframes moveFromLeft {
	0% { -webkit-transform: translateX(-600%); }
	100% { -webkit-transform: translateX(0%); }
}

@-webkit-keyframes moveToRight {
	0% { -webkit-transform: translateX(0%); }
	100% { -webkit-transform: translateX(600%); }
}

@-webkit-keyframes moveToLeft {
	0% { -webkit-transform: translateX(0%); }
	100% { -webkit-transform: translateX(-600%); }
}

@keyframes moveFromRight {
	0% { transform: translateX(600%); }
	100% { transform: translateX(0); }
}

@keyframes moveFromLeft {
	0% { transform: translateX(-600%); }
	100% { transform: translateX(0); }
}

@keyframes moveToRight {
	0% { transform: translateX(0%); }
	100% { transform: translateX(600%); }
}

@keyframes moveToLeft {
	0% { transform: translateX(0%); }
	100% { transform: translateX(-600%); }
}

.mi-slider {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* PAGINA DETTAGLIO */

body {
	width: 100%;
	height: auto;
	background: #F6F6F6;
	
}

#dettagliopagina {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
}

.containerpagina {
	width: 980px;
	height: auto;
	margin: 0 auto;
	padding: 5% 0 2% 0;
	text-align: center;
	
}

.stripdet {
	width: 100%;
	height: 45px;
	position: fixed;
	text-align: right;
	background-color: #000;	
}

.bottom {
	text-align:right
}

.titleart {
	color: #666;
	font-size: 1.8em;
	padding-left: 20px;
	padding-top: 12px;
	float: left;
}
.desc {
	font-size: 1.2em;
}

.imgpagina {
	padding-top: 2%; 
	width:100%
}

#none {
	display:none !important; 
}

.none {
	display:none !important; 
}


/* Contact */
#contact {
	background: #F6F6F6;
	width: 100%;
	height: 500px;
	background-image:url(./images/pattern.png);
	background-repeat:repeat;
}

.contactme {
	width: 100%;
	height: 380px;
	padding: 9% 0 0 0;
}

.containercontact {
	width: 1000px;
	height: auto;
	margin: 0 auto;
}

.fourteen {
	font-size: 14px;
	line-height: 33px;
	font-family: 'din', sans-serif;
	font-style: normal;
	color: #000;
	text-align: center;
	padding-top: 1%;
}

.social {
	/*width: 100%;*/
	display: block;
	height: 20%;
}

.navsocial {
	width: 4%;
	margin: 0 auto;
	padding-top: 2%;
}

.lisocial {
	float:left;
	padding: 1%;
	
}

.boxcont {
	font-size: 14px;
	line-height: 33px;
	font-family: 'din', sans-serif;
	font-style: normal;
	color: #000;
	text-align: center;}

.ar {
	color: rgb(0, 122, 255);
}

address {
	font-style: normal;
}


/*Footer */

footer { 
	width: 100%;
	height: 50px;
	background: #000;
}

.textfooter {
	width: 70%;
	margin: 0 auto;
	text-align: center;
	padding-top: 1%;
}

.ffont {
	font-family: 'mensch', sans-serif;
	font-style: normal;
}

.small {
	font-family: 'mensch', sans-serif;
	font-style: normal;
	font-size: 0.6em
}


#up{
	width:64px;
	height:64px;
	position:fixed;
	bottom: 30px;
	right:10px;
	display:none;
	cursor: pointer;       
}

#down{
	width:64px;
	height:64px;		 
}

@font-face {
    font-family:'bebas';
    src: url('fonts/bebasneue/BebasNeue-webfont.eot');
    src: url('fonts/bebasneue/BebasNeue-webfont.eot@#iefix') format('embedded-opentype'),
         url('fonts/bebasneue/BebasNeue-webfont.woff') format('woff'),
         url('fonts/bebasneue/BebasNeue-webfont.ttf') format('truetype'),
         url('fonts/bebasneue/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'mensch';
    src: url('fonts/mensch/menshmensch-wf.eot');
    src: url('fonts/mensch/mensch-wf.eot?#iefix') format('embedded-opentype'),
         url('fonts/mensch/mensch-wf.woff') format('woff'),
         url('fonts/mensch/mensch-wf.ttf') format('truetype'),
         url('fonts/mensch/mensch-wf.svg#MenschMenschRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family:'din';
   
       src:  url('fonts/din/din.ttf') format('truetype');
        
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family:'din';
   
       src:  url('fonts/din/din.eot') format('truetype');
        
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family:'din';
   
       src:  url('fonts/din/din.woff') format('truetype');
        
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family:'brush';
   
       src:  url('fonts/brush/brush.ttf') format('truetype');
        
    font-weight: normal;
    font-style: normal;

}


/* Media Query */

@media only screen and (min-width: 1025px) and (max-width: 1680px) {  

	.introh1 {
		line-height: 1.5em;
	}
	
	.mi-slider nav a {
		padding-right: 4%;
	}
	
	.mi-slider nav {
		font-size: 1.4em;
	}
	.mi-slider ul {
		margin-top: 4%;
	}
	
	h2 {
		padding-top: 0%;
	}

}

@media only screen and (min-width: 769px) and (max-width: 1024px) {  /* IPAD LANDSCAPE/NEXUS10 POTRAIT */

	.container {
		width: 770px;
		height: 100%;
		margin: 0 auto;
		padding: 7% 0 2% 0;
	}
	
	.containercontact {
		width: 770px;
		height: auto;
		margin: 0 auto;
	}
	
	#up {
		display:none !important
	}
	
	#last {
		margin-right: 45px;
	}
	
	.text {
		font-size: 13px;
		line-height: 30px;
		font-family: 'din', sans-serif;
		font-style: normal;
		padding: 2% 10% 0% 9%;
		color: #000;
	}

	.striptext {
		width: 43%;
		height: 100%;
		float: left;
		padding-left: 3%;
	}
 
	 .mi-slider ul li {
		display: inline-block;
		width: 338px;
		height: 200px;
		margin-right: 45px;
		margin-bottom: 12%;
		max-width: 400px;
		-webkit-transform: translateX(600%);
		transform: translateX(600%);
		-webkit-transition: opacity 0.2s linear;
		transition: opacity 0.2s linear;
	}
	
	.mi-slider ul {
		margin-top: 6%;
		margin-left: 3%;
	}
	
	.mi-slider {
		position: relative;
		margin-top: 30px;
		height: 950px;
	}

	.mi-slider nav a {
		padding-right: 5%;	
	}

	h2 {padding-top: 0%;padding-top: 1%;}
	
	.introh1 {
		margin-top: 7%;
	}

	.solid_left {
		width: 160px;
	}
	.solid_right{
		width: 160px;
	}
	
	.mi-slider nav {
		margin-left: 3%;
	}
	
	.contactme {
		width: 85%;
		height: 404px;
		padding: 9% 0% 0% 0;
		margin: 0 auto;
	}
	
	.social {
		width: 100%;
		display: block;
		height: 27%;
	}
	
	.navsocial {
		width: 55%;
		margin: 0 auto;
		padding-top: 5%;
	}
	

	.lisocial {
		padding-left: 10%;
	}
	
	address {
		font-style: normal;
		font-size: 1.1em;
	}

	/* pagina portfolio */
	
	.containerpagina {
		width: 750px;
		height: auto;
		margin: 0 auto;
		padding: 9% 0 2% 0;
		text-align: center;
	}
	
	.imgpagina {
		padding-top: 2%;
		width: 100%;
	}
	
	.titleart {
		padding-top: 1.7%;	
	}
	
	
}

@media only screen and (min-width: 642px) and (max-width: 768px) {  /* IPAD POTRAIT */

	.container {
		width: 600px;
		height: 100%;
		margin: 0 auto;
		padding: 10% 0 2% 0;
	}
	
	.containercontact {
		width: 600px;
		height: auto;
		margin: 0 auto;
		}
	
	.navsocial {
		width: 43%;
		margin: 0 auto;
		padding-top: 5%;
	}
	
	.mi-slider ul li {
		display: inline-block;
		width: 280px;
		height: 170px;
		margin-right: 38px;
		margin-bottom: 12%;
	}
	
	#last {
		margin-right: 45px;
	}

	.contactme {
		width: 70%;
		height: 404px;
		padding: 9% 0% 0% 0;
		margin: 0 auto;
	}
	
	h2 {padding-top:0%;}
	
	.containerpagina {
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding: 9% 0 2% 0;
		text-align: center;
	}
	
	 .mi-slider ul li {
		display: inline-block;
		width: 253px;
		height: 200px;
		margin-right: 45px;
		margin-bottom: 12%;
		max-width: 400px;
		-webkit-transform: translateX(600%);
		transform: translateX(600%);
		-webkit-transition: opacity 0.2s linear;
		transition: opacity 0.2s linear;
	}
	
	.mi-slider ul {
		margin-top: 6%;
		margin-left: 3%;
	}
	
	.mi-slider nav {


padding-left: 3%;
}

	.mi-slider {
		position: relative;
		margin-top: 30px;
		height: 850px;
	}

	.striptext {
		width: 50%;
		height: 100%;
		float: left;
	}
	
	.striphoto {
		width: 44%;
		height: 100%;
		float: left;
		text-align: center;
		padding-top: 6%;
		padding-left: 4%;
	}

	.mi-slider nav a {
		padding-right: 5%;	
	}

	.solid_left {
		width: 100px;
	}
	.solid_right{
		width: 100px;
	}
	
	.introh1 {
		font-size: 6.2em;
	}
	
	.introh3 {
		font-size: 3.0em;
	}
	
	.introh4 {
		font-size: 4.3em;
		width:100%;
	}
	
}

@media only screen and (min-width: 480px) and (max-width: 641px) {  /* Smartphone landscape */

	.container {
		width: 482px;
		height: 100%;
		margin: 0 auto;
		padding: 7% 0 2% 0;
	}
	
	.containerpagina {
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding: 10% 0 2% 0;
		text-align: center;
	}
	.imglogopaco {
		float: left;
		width: 140px;
		padding-left: 3%;
		padding-top: 0.5%;
	}
	
	h2 {padding-top:0%;}
	
	#menu1 {
		text-align: right;
		font-family: 'din', sans-serif;
		text-transform: uppercase;
		text-decoration: none;
		font-size: 1.3em;
	}

	#menu1 li {
		display: inline;
		text-decoration: none;
		color: #000;
		font-style: normal;
		letter-spacing: 0px;
		color: #4d4d4d;
		margin-right: 4%;
	}
	
	.introh1 {
		font-family: 'Bebas', sans-serif;
	}

	.introh4 {
		display:none
	}

	.introh3 {
		display:none
	}
	
	.solid_left {
		display:none
	}
	.solid_right{
		display:none
	}

	.imgscroll {
		width: 18%;
		padding-top: 2%;
	}
	
	#hiddenmenu ul li {
		display: inline;
		text-decoration: none;
		color: #000;
		display: inline-block;
		cursor: pointer;
		letter-spacing: 0px;
		font-family: 'din', sans-serif;
		font-size: 1.4em;
		margin-right: 3%;
	}
	
	.mi-slider {
		position: relative;
		margin-top: 34px;
		height: 2100px;
	}	

	.mi-slider ul {
		margin-top: 8%;
	}

	.mi-slider ul li {
		display: inline-block;
		width: 400px;
		height: 192px;
		margin-left: 1;
		margin-bottom: 31%;
		margin-left: 8%;
		max-width: 400px;
	}

	.mi-slider nav {
		position: relative;
		text-align: left;
		margin: 0 auto;
		font-family: 'mensch', sans-serif;
		font-size: 1.3em;
		padding-left: 14%;
		width: 100%;
	}

	.mi-slider nav a {
		display: inline-block;
		text-transform: uppercase;
		padding-right: 10%;
		position: relative;
		color: #000;
		outline: none;
		-webkit-transition: color 0.2s linear;
		transition: color 0.2s linear;
		text-decoration: none;
	}

	.striptext {
		width: 80%;
		height: 100%;
		margin-left: 10%;
	}
	
	.striphoto {display:none} 

	.contactme {
		width: 46%;
		height: 380px;
		padding: 9% 0 0 0;
		margin-left: 5%;
	}
	
	.me {
		width: 70%;
		height: 220px;
	padding-left: 16%;
		margin-top: 2%;
		margin: 0 auto;
	}

		
	.textaboutme {
width: 100%;
	height: 100%;
	float: left;
	}

	.navsocial {
		width: 71%;
		margin: 0 auto;
		padding-top: 4%;
	}
	.lisocial {
		float: left;
		padding-left: 9%;
	}

	#nonenav {display:none}
	
}

@media only screen and (min-width: 321px) and (max-width: 480px) { /* Smartphone potrait */
	#menuband{display:none }
	#hiddenmenu{display:none }
	
	.container {
		width: 321px;
		height: 100%;
		margin: 0 auto;
		padding: 18% 0 0% 0;
	}
	
	.thirteen {display:none}
	
	#up{display:none!important}
	
	h2 {display:none}
	
	.mi-slider {
		position: relative;
		margin-top: -30px;
		height: 1640px;
	}
	
	.mi-slider ul li {
		display: inline-block;
		width: 300px;
		height: 220px;
		margin-right: 45px;
		margin-bottom: 12%;
		max-width: 300px;
		-webkit-transform: translateX(600%);
		transform: translateX(600%);
		-webkit-transition: opacity 0.2s linear;
		transition: opacity 0.2s linear;
	}
	
	.mi-slider ul {
		list-style-type: none;
		position: absolute;
		width: 100%;
		left: 0;
		overflow: hidden;
		pointer-events: none;
		margin-top: 12%;	
		padding-left: 2%;		
	}
		
	.mi-slider nav {
		position: relative;
		text-align: left;
		margin: 0 auto;
		font-family: 'mensch', sans-serif;
		font-size: 1.3em;
		padding-left: 2%;
	}
	
	.mi-slider nav a {
		display: inline-block;
		text-transform: uppercase;
		padding-right: 10%;
		position: relative;
		color: #000;
		outline: none;
		-webkit-transition: color 0.2s linear;
		transition: color 0.2s linear;
		text-decoration: none;
	}
	
	.me {
		width: 100%;
		height: 200px;
		float: none;
	}
	
	.textaboutme {
		width: 100%;
		height: 100%;
		float: none
	}
	
	.log {
		width: 153px;
		padding: 2% 1%;
	}
	
	.text {
		font-size: 14px;
		line-height: 30px;
		font-family: 'din', sans-serif;
		font-style: normal;
		padding: 0% 0% 0% 0%;
		color: #ccc;
	}
	
	.striphoto {display:none}
	
	.striptext {
		width: 100%;
		height: 100%;
		float: none;
	}
	
	#contact {
		width: 100%;
		height: 500px;
		padding-top: 150px;
	}
	
	.containercontact {
		width: 320px;
		height: auto;
		margin: 0 auto;
	}
	
	.social {
		width: 100%;
		display: block;
		height: 20%;
	}
	
	.navsocial {
		width: 100%;
		margin: 0 auto;
		padding-top: 5%;
	}
	
	.lisocial {
		float: left;
		padding-left: 8%;
	}

	.introh1 {
		font-size: 3.2em;
		color: #FFF;
		margin-top: 25%;
		font-weight: normal;
		text-transform: uppercase;letter-spacing: -0px;
		margin-bottom: 0px;
		line-height: 2.1em;
		text-shadow: 1px 1px 0px rgba(0,0,0,0.25);
	}

	.introh4 {
		font-size:2.3em;
		margin: 0 auto;
		width:100%;letter-spacing: -0px;
		margin-top: 0px;
		padding-top: 23px;
		padding-bottom: 20px;
		font-weight: normal;
		color: white;
		font-style: normal;
		text-transform: uppercase;
		text-shadow: 1px 1px 0px rgba(0,0,0,0.25);
	}

	.introh3 {
		font-size: 2.0em;
		color: white;
		margin: 0 auto;
		text-shadow: 1px 1px 0px rgba(0,0,0,0.25);
		padding-top: 7%;
	}
	
.solid_right {display:none}
.solid_left {display:none}

	.containerpagina {
		width: 320px;
		height: auto;
		margin: 0 auto;
		padding: 15% 0 2% 0;
		text-align: center;
	}

	.menuresp {
		width: 100%;
		height: 50px;
		background-color: rgba(0, 0, 0, 0.84);
		display:block;
		position:fixed;
		z-index:999;
		box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.61);
	}


	#menu-icon{
		padding: 2.6% 2%;
		float: left;
	}
	
	#nav {
		width: 250px;
		height: 265px;
		background-color: rgba(0, 0, 0, 0.88);
		position: absolute;
		margin-top: 10%;
		display: none;
		border-radius: 2%;
		z-index: 999;
		margin-left: 15%;
	}
	
	.imglogopaco {
		float: left;
		width: 160px;
		padding-left: 15%;
		padding-top: 4.5%;
	}
	
	.tel{
		padding: 12% 0%;
	}
	
	.liresp{
		float: none;
		width: 250px;
		height: 40px;
		text-transform:uppercase;
		font-family: 'din', sans-serif;
		font-size: 13px;
		text-align: center;
		margin-top: 10%;
		color: rgb(255, 255, 255);
	}
		
	.titleart {
		font-size: 1.2em;
		font-family: 'mensch', sans-serif;
	}
}

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


	#menuband{display:none }
	#hiddenmenu{display:none }
	
	.menuresp {
		width: 100%;
		height: 50px;
background-color: rgba(0, 0, 0, 0.84);
		display:block;
		position:fixed;
		z-index:999;
		box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.61);
	}


	#menu-icon {
		padding-top: 3%;
		padding-left: 2%;
		float: left;
		}
		
	#nav {
		width: 240px;
		height: 265px;
		background-color: rgba(0, 0, 0, 0.88);
		position: absolute;
		margin-top: 10%;
		display: none;
		border-radius: 2%;
		z-index: 999;
		margin-left: 12%;
	}
	
	.imglogopaco {
		float: left;
		width: 160px;
		padding-left: 12%;
		padding-top: 5.5%;
		}

	.liresp {
float: none;
width: 240px;
height: 40px;
text-transform: uppercase;
font-family: 'din', sans-serif;
font-size: 13px;
text-align: center;
margin-top: 10%;
color: rgb(255, 255, 255);
}
	.imgscroll {
		padding-top: 0%;
	}
	
	.introh3 {
		font-size: 2.0em;
		color: white;
		margin: 0 auto;
		text-shadow: 1px 1px 0px rgba(0,0,0,0.25);
		padding-top: 0%;
	}
	 
	.introh4 {
		margin-top: 0px;
		padding-top: 10px;
	}

	#spax {padding:1%  !important}
	
	.container {
		width: 280px;
		height: 100%;
		margin: 0 auto;
		padding: 14% 0 2% 0;
	}
	
	.thirteen {display:none}
	
	#up{display:none!important}
	
	h2 {display:none}
	
	.mi-slider {
		position: relative;
		margin-top: -30px;
		height: 1540px;
	}
	
	.mi-slider ul li {
		display: inline-block;
		width: 260px;
		height: 220px;
		margin-right: 45px;
		margin-bottom: 8%;
		max-width: 300px;
		-webkit-transform: translateX(600%);
		transform: translateX(600%);
		-webkit-transition: opacity 0.2s linear;
		transition: opacity 0.2s linear;
	}
	
	.mi-slider ul {
		list-style-type: none;
		position: absolute;
		width: 100%;
		left: 0;
		overflow: hidden;
		pointer-events: none;
		margin-top: 12%;	
		padding-left: 2%;		
		}
		
	.mi-slider nav {
		position: relative;
		text-align: left;
		margin: 0 auto;
		font-family: 'mensch', sans-serif;
		font-size: 1.3em;
		padding-left: 2%;
	}
	
	.mi-slider nav a {
		display: inline-block;
		text-transform: uppercase;
		padding-right: 8%;
		position: relative;
		color: #000;
		outline: none;
		-webkit-transition: color 0.2s linear;
		transition: color 0.2s linear;
		text-decoration: none;
	}
	
	.me {
		width: 100%;
		height: 200px;
		float: none;
	}
	
	.textaboutme {
		width: 100%;
		height: 100%;
		float: none
	}
	
	.log {
		width: 153px;
		padding: 2% 1%;
	}
	
	.text {
		font-size: 14px;
		line-height: 30px;
		font-family: 'din', sans-serif;
		font-style: normal;
		padding: 3%;
		color: #000;
	}
	
	.striphoto {display:none}
	
	.striptext {
		width: 100%;
		height: 100%;
		float: none;
	}
	
	#contact {
		width: 100%;
		height: 500px;

		padding-top: 110%;
	}
	
	.containercontact {
		width: 280px;
		height: auto;
		margin: 0 auto;
	}
	
	.social {
		width: 100%;
		display: block;
		height: 20%;
	}
	
	.navsocial {
		width: 100%;
		margin: 0 auto;
		padding-top: 5%;
	}
	
	.lisocial {
		float: left;
		padding-left: 7%;
	}

	.tel{padding: 12% 0%;}

	.introh1 {
		letter-spacing: -0px;
		font-size: 2.5em;
		color: #FFF;
		margin-top: 15%;
		font-weight: normal;
		text-transform: uppercase;
		margin-bottom: 0px;
		line-height: 2.1em;
		text-shadow: 1px 1px 0px rgba(0,0,0,0.25);
	}

	.introh4 {
		letter-spacing: -0px;
		font-size: 2.0em;
		margin: 0 auto;
		width:100%;
		margin-top: 0px;
		padding-bottom: 20px;
		font-weight: normal;
		color: white;
		font-style: normal;
		text-transform: uppercase;
		text-shadow: 1px 1px 0px rgba(0,0,0,0.25);
	}

	.introh3 {
		font-size: 2.0em;
		color: white;
		margin: 0 auto;
		text-shadow: 1px 1px 0px rgba(0,0,0,0.25);
	}
	
	#chisono {

padding-top: 10%;

}
	
	.solid_right {display:none}
	
	.solid_left {display:none}
	
	.containerpagina {
		width: 285px;
		height: auto;
		margin: 0 auto;
		padding: 19% 0 2% 0;
		text-align: center;
	}

	h1 {
		font-family: 'mensch', sans-serif;
		font-size: 30px;
		color: #272928;
		font-weight: 400;
		font-style: normal;
		margin-bottom: 15px;
		line-height: 1.1em;
		text-transform: uppercase;
		text-align: center;
		padding-top: 7%;
	}

	#hiddenmenu-stiky-wrapper {height: 0px !important}
	}
	
	.titleart {
		color: #666;
		font-family: 'mensch', sans-serif;
		font-size: 1.3em;
		padding-left: 10px;
		padding-top: 12px;
		float: left;
	}
	
	.desc {
		font-size: 1.1em;
		padding-bottom: 4%;
		font-family: 'din', sans-serif;
		
	}
	.fotomy:hover{
	opacity:1;
	
}
	.imgpagina {
		padding-top: 6%;
		width: 96%;
	}
}