@charset "UTF-8";
/* CSS Document */

@font-face {
  font-family: 'Roboto';
  src: url('roboto.eot'); /* IE9 Compat Modes */
  src: url('roboto.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('roboto.woff') format('woff'), /* Modern Browsers */
  url('roboto.ttf')  format('truetype'), /* Safari, Android, iOS */
  url('roboto.svg#svgFontName') format('svg'); /* Legacy iOS */
}

body {
 background-color:#00525e;
font-family: 'Montserrat', sans-serif;

color:white;
}

.contatti {
		font-weight: 600;
text-align: center;
font-size: 15px;
line-height: 2.8vw;
margin-bottom: 30px;
}

.nota {
	text-align: center;
	font-size: 10px;
	line-height: 15px;
	margin-bottom: 5vw;
}


.title{
font-family: 'Montserrat', sans-serif;
	text-align: center;
	margin-top: 9vw;
	font-size: 15vw;
}

.text-email {
	text-align: center;
	font-size: 20px;
	line-height: 28px;
	margin-bottom: 5vw;
}


.text {
font-weight: 600;
text-align: center;
font-size: 60px;
line-height: 60px;
margin-top:1.5vw;
}

.subtext {
	text-align: center;
	font-size: 20px;
	line-height: 2.8vw;
	margin-bottom: 40px;
}



@media screen and (min-width: 321px) and (max-width: 480px){
	

	
	.responsive-xs {
  width: 100%;
  height: auto;
			display: none;

}

.responsive {
	display: none;
}

	
	.text{
line-height: 45px;
font-size: 50px;

	}

	.subtext {
margin-top: 15px;
		margin-bottom: 60px;
line-height: 25px;
font-size: 20px;
	}
	

	
	.title {
	font-size: 13.5vw;
		margin-top: 50px;
		text-align: center;		
	}
	
	.text-email {
		font-size: 15px;
		line-height: 18px;
	}
	
	.contatti {
		margin-bottom: 10px;
	}
	
	.nota {
		margin-top: 70px;
	}
	
}

@media screen and (min-width: 481px) and (max-width: 600px){ 
	
	
	.nota {
	text-align: center;
	font-size: 10px;
	line-height: 2.8vw;
	margin-top: 100px;
}

	
.text-email {
	text-align: center;
	font-size: 20px;
	line-height: 28px;
	margin-bottom: 50px;
}


.text {
font-weight: 600;
text-align: center;
font-size: 60px;
line-height: 53px;
margin-top:100px;
}

.subtext {
	text-align: center;
	font-size: 20px;
	line-height: 2.8vw;
	margin-bottom: 100px;
	margin-top: 20px;
}

}

@media screen and (min-width: 601px) and (max-width: 768px){ 
	
	

}

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

	
.text {
font-weight: 600;
text-align: center;
font-size: 60px;
line-height: 53px;
margin-top:150px;
}
	
.subtext {
text-align: center;
font-size: 22px;
line-height: 2.8vw;
margin-bottom: 150px;
margin-top: 15px;
}
	
	.contatti {
		font-weight: 600;
text-align: center;
font-size: 15px;
line-height: 2.8vw;
margin-bottom: 30px;
margin-top: 15px;
}
	
	
	.nota {
	text-align: center;
	font-size: 10px;
	line-height: 18px;
	margin-top: 200px;
}
	
}


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

	.text-email {
	text-align: center;
	font-size: 20px;
	line-height: 28px;
	margin-bottom: 30px;
}

.nota {
	text-align: center;
	font-size: 10px;
	line-height: 18px;
	margin-top: 100px;
}

	.contatti {
		font-weight: 600;
text-align: center;
font-size: 15px;
line-height: 2.8vw;
margin-top: 70px;
		margin-bottom: 20px;
}
	
}

@media screen and (min-width: 2000px){
	
	.text {
font-weight: 600;
text-align: center;
font-size: 100px;
line-height: 53px;
margin-top:150px;
}
	
.subtext {
text-align: center;
font-size: 35px;
line-height: 2.8vw;
margin-bottom: 150px;
margin-top: 15px;
}
	.text-email {
	text-align: center;
	font-size: 20px;
	line-height: 28px;
	margin-bottom: 50px;
}
	
	.contatti {
		font-weight: 600;
text-align: center;
font-size: 25px;
line-height: 2.8vw;
margin-bottom: 30px;
margin-top: 50px;
}
	
	
	.nota {
	text-align: center;
	font-size: 15px;
	line-height: 20px;
	margin-top: 250px;
}
	
}