
body {
	height: 100%;

	color: #484848;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
  background:url(../sfondointro.jpg) no-repeat;
  color:#fff;
  
}

.box-intro {
  color:#333;
  text-align: center;
  
}

.box-intro img {
  padding:30px 15px;
  background:#fff;
 
  border-left:0;
   border-radius:50px;
  
}

.title {
	position: relative;
	margin-bottom: 2.4rem;
	font-size: 25px;
  text-align: center;
  text-transform: uppercase;
  color:#fff;
  padding:30px;
  font:300 1.2rem 'Aileron Light', sans-serif
}


.main-btn {
	display: inline-block;
	padding: 0.8rem 1.8rem;
	border: 2px solid #242424;
	font: 300 1.2rem 'Aileron Light', sans-serif;
	text-transform: uppercase;
	color: #242424;
	-webkit-box-shadow: 0 0.4rem 1.2rem rgba(0, 0, 0, 0.1);
	box-shadow: 0 0.4rem 1.2rem rgba(0, 0, 0, 0.1);
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.9);
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
  margin:0 auto;
}
.main-btn:hover {
	color: #fff;
	background-color: #232F2F;
	background-color: rgba(35, 47, 47, 0.9);
}

.box {
  margin-top:50px;
 
  padding:10px;
  margin-bottom:50px;
}

.box img{
  border-radius:400px;
  border:6px double #fff;

}

.rosso img {
  border:20px double #cc0000;
}

.blu img{
  border:20px double #618de4;
}

.border {
  border-radius:400px;
  color:#333;
  padding:10px;
}

.btn-custom {
background:#0000ff;
border:#0000ff;
}

.btn-custom a {
    color:#fff !important;
}

.testo {
    padding:150px 50px;
    font-size:25px;
}

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

}