@media screen and (max-width: 480px){
	.module.header{
		display:none;
	}
	.module.presentazione{
		background-color:black;
		top:0;
		left:0;
		width:100%;
		height:100%;
		position:fixed;
		letter-spacing: 4px;
		font-family: 'Open Sans', sans-serif;
		font-size: 21px;
	}
	.presentazione.background{
		position:fixed;
		background-color:black;
		background-image:url("../../../img/content/presentazione/background.jpg");
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}
	.presentazione.band{
		position:fixed;
		background-color:rgba(0,0,0,0.62);
		top:38%;
		left:0;
		width:100%;
		height:20%;
	}
	.presentazione.logo{
		position:fixed;
		background-image:url("../../../img/content/presentazione/logo_vshowroom.png");
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		top: calc(39% - 4px);
		left:0;
		width:100%;
		height:18%;
	}
	.presentazione.separator{
		position: fixed;
		border: 1px solid #fd0792;
		border-top: 6px solid #fd0792;
		border-bottom: 6px solid #fd0792;
		background: #fd0792;
		padding: 0;
		top: 70%;
		width: calc(50% - 80px);
		height: 0;
	}
	
	.presentazione.separator.sx{
		left:0;
	}
	.presentazione.separator.dx{
		right:0;
	}
	.presentazione.enter{
		text-transform: uppercase;
		display: block;
		top: calc(70% + 4px);
		position: fixed;
		width: 100%;
		text-align: center;
		color: white;
		left: 0;
	}
	
		
	@media screen and (orientation: landscape) {
		.contatti.blocco_1{
			background: white;
			color: black;
			height: 650px;
			position: relative;
			font-family:'Open Sans', sans-serif;
		}
		
		.contatti.blocco_1>.testo{
			display: block;
			position: absolute;
			top: 0px;
			margin-top: 20px;
			text-align: center;
			width: calc(100% - 80px);
			line-height: 40px;
			left:40px;
		}
		.contatti.testo .riga_2 {
			margin-top: 20px;
		}
		.contatti.blocco_1>.form{
			display: block;
			position: absolute;
			top: 0;
			margin-top: 260px;
			text-align: left;    
			width: 100%;
			line-height: 40px;
			left: 0;
			padding: 0 20px;
		}
		.contatti.input_1, .contatti.input_2 {
			display: block;
			width: 100%;
			margin: 0;
			padding: 0;
		}
		.contatti.riga{
			width:calc(100% - 40px)
		}
		input[type="text"].contatti,textarea.contatti {
			display: block;
			width: 100%;
			margin: 0;
			padding: 0;
		}
		input[type="checkbox"].contatti {
			margin: 0 10px 0 0;
		}
		textarea.contatti{
			height: 120px;
		}
		.contatti.btnStyle.send {
			width: 300px;
			background: #666666;
			color: white;
			border: 1px black solid;
			text-align: center;
			left: calc(50% - 170px);
			position: absolute;
			margin-top: 45px;
		}
		.contatti.underline{
			border-bottom: 2px solid #fd0792;
			padding-bottom: 2px;
		}
		.contatti.form .riga_4 {
			margin-top: 20px;
		}
	}

	
	@media screen and (orientation: portrait) {
		
		.module.content{
			top: 60px;
			margin: 0;
			padding: 0;
			border: 0;
			position: absolute;
			width: 100%;
			font-family:'Open Sans', sans-serif;
			letter-spacing: 2px;
		}
		.module.homepage{
			height:calc(300% - 180px);
		}	
			
		.homepage.blocco_1{
			background: black;
			background-image: url(../../../img/content/homepage/blocco_1/background.jpg);
			background-repeat: no-repeat;
			background-size: contain;
			background-position: top center;
			color: white;
			height: calc(100% / 3);
			position: relative;
		}
		.homepage.blocco_1 > .testo {
			display: block;
			position: absolute;
			bottom: 20px;
			text-align: center;
			width: calc(100% - 20px);
			padding: 10px;
			line-height: 35px;
		}	
		.homepage.blocco_2{
			color: black;
			background-image: url(../../../img/content/homepage/blocco_2/background.jpg);
			background-repeat: no-repeat;
			background-size: cover;
			background-position: bottom right;
			height: calc(80% / 3);
			position: relative;
		}
		.homepage.blocco_2>.separator{
			position: absolute;
			border: 1px solid #fd0792;
			border-top: 6px solid #fd0792;
			border-bottom: 6px solid #fd0792;
			background: #fd0792;
			padding: 0;
			bottom: 124px;
			width: 360px;
			height: 0;
			left: calc(50% - 180px);
		}
		.homepage.blocco_2>.testo{
			letter-spacing: 1px;
			display: block;
			position: absolute;
			bottom: 0;
			margin-top: -120px;
			text-align: center;
			width: 100%;
			line-height: 60px;
			background: #FFF9;
			padding-bottom: 20px;
		}
		.homepage.blocco_2>.testo>.titolo{
			font-size: 23px;
		}
		.homepage.blocco_2>.testo>.blocco_testo{
			margin-top: 30px;
			line-height: 30px;
		}
		.homepage.blocco_3{
			color:black;
			background:white;
			height:calc(20% / 3);
			position: relative;
		}
		
		.homepage.blocco_3>.testo{
			display: block;
			position: absolute;
			top: 50%;
			margin-top: -52px;
			text-align: center;
			width: 100%;
			line-height: 35px;
		}
		.homepage.blocco_4{
			color: white;
			background-image: url(../../../img/content/homepage/blocco_4/background.jpg);
			background-repeat: no-repeat;
			background-size: cover;
			background-position: -130px 0;
			height: calc(100% / 3);
			position: relative;
		}
		.homepage.blocco_4>.separator{
			position: absolute;
			border: 1px solid #fd0792;
			border-top: 6px solid #fd0792;
			border-bottom: 6px solid #fd0792;
			background: #fd0792;
			padding: 0;
			bottom: 110px;
			width: 50%;
			height: 0;
			left: calc(25%);
		}
		.homepage.blocco_4>.testo{
			font-size: 14px;
			letter-spacing: 0px;
			display: block;
			position: absolute;
			bottom: 0;
			text-align: center;
			width: 100%;
			line-height: 80px;
			left: 0;
			background: #0008;
			padding-bottom: 30px;
		}
		.homepage.blocco_4>.testo>.titolo{
			margin-top: 50px;
			font-size: 20px
		}
		.homepage.blocco_4>.testo>.blocco_testo{
			margin-top: 10px;
			line-height: 30px;
		}
		.module.piattaforma {
			position: absolute;
			top: 60px;
		}
		
		.piattaforma.blocco_1{
			background: white;
			background-image: url(../../../img/content/piattaforma/blocco_1/background.jpg);
			background-repeat: no-repeat;
			background-size: cover;
			background-position: -60px 0;
			color: black;
			height: 600px;
			position: relative;
			bottom: 0;
			position: relative;
		}
		.piattaforma.blocco_1>.testo{
			position: absolute;
			bottom: 0;
			line-height: 40px;
			text-align: center;
			background: #fff5;
			width: 100%;
		}
		.piattaforma.carousel_0 > .container > .contain > .elem {
			width: 300px;
			margin-left: calc(50% - 150px);
			margin-top: 90px;
		}
		.piattaforma.carousel_0 > .menu {
			position: absolute;
			width: 100%;
			text-align: center;
			font-size: 18px;
			margin-top: 20px;
		}
		.piattaforma.carousel_0 > .menu > .voce {
			border-bottom: 6px solid #fd0792;
		}
		.piattaforma.carousel_0 > .menu > .voce_1 {
			margin-top: 20px;
		}
		.piattaforma.carousel_0 > .menu > .voce_2 {
			margin-top: 653px;
		}
		.piattaforma.carousel_0 > .menu > .voce_3 {
			margin-top: 312px;
		}
		.piattaforma.carousel_0 > .menu > .voce_4 {
			margin-top: 695px;
		}
		.piattaforma.carousel_0 > .menu > .voce_5 {
			margin-top: 299px;
		}
		.piattaforma.elem_cartelle {
			margin-bottom: 40px;
		}
		.piattaforma.blocco_3 {
			background: #666666;
			color: white;
			position: relative;
			height: 600px;
		}
		.piattaforma.blocco_3 > .testo {
			position: absolute;
			width: 100%;
			text-align: center;
			top: 190px;
			line-height: 21px;
		}
		.piattaforma.blocco_3>.tablet{
			background-image: url(../../../img/content/piattaforma/blocco_3/tablet.png);
			background-repeat: no-repeat;
			background-size: contain;
			background-position: bottom left;
			position: absolute;
			width: 100%;
			height: 300px;
			bottom: 0;
			margin: 0;
		}
		.piattaforma.blocco_3>.camera{
			background-image: url(../../../img/content/piattaforma/blocco_3/camera.png);
			background-repeat: no-repeat;
			background-size: contain;
			background-position: center;
			position: absolute;
			width: 80%;
			height: 190px;
			top: 0;
			margin: 0 10%;
		}
		.piattaforma.blocco_4 > .titolo {
			width: 100%;
			position: relative;
			top: 0;
			padding: 20px 0;
			text-align: center;
			font-size: 17px;
			background: #fd0792;
			color: white;
			font-weight: 800;
		}
		.piattaforma.carousel_1 > .container > .contain > .elem {
			width: 350px;
			margin-left: calc(50% - 175px);
			margin-top: 90px;
		}
		.piattaforma.carousel_1 > .container > .contain > .elem_listini {
			margin-top: -11px;
		}
		.piattaforma.carousel_1 > .menu {
			position: absolute;
			width: 100%;
			text-align: center;
			font-size: 18px;
			margin-top: 20px;
		}
		.piattaforma.carousel_1 > .container > .contain > .elem_icon {
			width: 300px;
			margin-left: calc(50% - 130px);
			margin-top: 60px;
		}
		.piattaforma.carousel_1 > .container > .contain > .elem_personalizzazioni {
			margin-bottom: 30px;
		}
		.piattaforma.carousel_1 > .menu > .voce {
			border-bottom: 6px solid #fd0792;
		}
		.piattaforma.carousel_1 > .menu > .voce_1 {
			margin-top: 16px;
		}
		.piattaforma.carousel_1 > .menu > .voce_2 {
			margin-top: 308px;
		}
		.piattaforma.carousel_1 > .menu > .voce_3 {
			margin-top: 230px;
		}
		.piattaforma.carousel_1 > .menu > .voce_4 {
			margin-top: 423px;
		}
		.piattaforma.carousel_1 > .menu > .voce_5 {
			margin-top: 685px;
		}
		.piattaforma.elem_icon {
			width: 300px;
			margin-left: calc(50% - 135px);
			margin-top: 60px;
		}
		
		.contatti.blocco_1{
			background: white;
			color: black;
			height: 650px;
			position: relative;
		}
		
		.contatti.blocco_1>.testo{
			display: block;
			position: absolute;
			top: 0px;
			margin-top: 20px;
			text-align: center;
			width: calc(100% - 80px);
			line-height: 40px;
			left:40px;
		}
		.contatti.testo .riga_2 {
			margin-top: 20px;
		}
		.contatti.blocco_1>.form{
			display: block;
			position: absolute;
			top: 0;
			margin-top: 260px;
			text-align: left;    
			width: 100%;
			line-height: 40px;
			left: 0;
			padding: 0 20px;
		}
		.contatti.input_1, .contatti.input_2 {
			display: block;
			width: 100%;
			margin: 0;
			padding: 0;
		}
		.contatti.riga{
			width:calc(100% - 40px)
		}
		input[type="text"].contatti,textarea.contatti {
			display: block;
			width: 100%;
			margin: 0;
			padding: 0;
		}
		.campimail:focus {
			outline: none !important;
			border: 1px solid #fd0792;
			box-shadow: 0 0 10px #fd0792;
		}

		input[type="checkbox"].contatti {
			margin: 0 10px 0 0;
		}
		textarea.contatti{
			height: 120px;
		}
		.contatti.btnStyle.send {
			width: 300px;
			background: #666666;
			color: white;
			border: 1px black solid;
			text-align: center;
			left: calc(50% - 170px);
			position: absolute;
			margin-top: 45px;
		}
		.contatti.underline{
			border-bottom: 2px solid #fd0792;
			padding-bottom: 2px;
		}
		.contatti.form .riga_4 {
			margin-top: 20px;
		}
	}
}