/*!
 * Custom styles for Bootstrap v3.0.0
 *

 
 /*!
 * Media queries
 *
 */
 
  

#background { 


background:url(../img/background.png);
	background-color: #00323c;
	background-attachment: fixed;
	height: auto;  
    margin: 0 auto; 
    width: 100%;
    height: 100%;
    position: relative; 
    padding: 0;
		}
		
	



#background .logo {
	text-align: center;
	margin: 0;

}


.arrow {margin-top: 20px;}


 @media screen and (max-width:760px) {
 
.stripe-azzurra-testo {
     text-align: center;
     margin: 0 auto;
  }
}

 @media screen and (max-width: 760px) {
 
.stripe-grigia-testo {
     text-align: center;
margin: 0 auto;
  }
}
 
 
  @media screen and (max-width: 760px) {
 
.stripe-bianca-testo {
     text-align: center;
margin: 0 auto;
  }
}
 
  @media screen and (max-width: 760px) {
 
.problemi-img {

max-width: 300px;
margin: 0 auto;
    
}
}


  @media screen and (max-width: 480px) {
 
.problemi-img {

max-width: 250px;
margin: 0 auto;
    
}
}

  @media screen and (max-width: 480px) {
 
.logo {
margin-top: 5%;
    margin-bottom: auto;
}
}


  @media screen and (max-width: 760px) {
 
#background h1{
font-size: 24px;
    margin-bottom: 5px;
}
}


  @media screen and (max-width: 760px) {
 
h2 {
font-size: 24px;
    margin: 0 auto;
    margin-bottom: 5px; 
    
}
}

  @media screen and (max-width: 760px) {
 
.stripe-bianca h3 {
font-size: 22px;
    
}
}




  @media screen and (max-width: 760px) {
 
.stripe-grigia h3 {
font-size: 22px;
margin: auto;
    
}
}



  @media screen and (max-width: 760px) {
 
.stripe-bianca-xs h3 {
font-size: 22px;
margin: auto;
}
}


 @media screen and (max-width: 760px) {
 
#stripe-intro h3 {
font-size: 22px;
margin: auto;


}
}

  @media screen and (max-width: 760px) {
 
h5 {
font-size: 14px;
max-width: 200px;
margin: 0 auto;
    
}
}


/*!
 * stripes
 *
 */
 
  
 .stripe-bianca-xs {
    background-color: #fff;
    padding: 80px 0 50px 0;
    height: 100%;

}


 
 #masternav{   margin: 0 auto;
 margin-top:  20px;

    }
    
    

#stripe-intro {
	background-color: #28b8ce;
    padding: 80px 0 50px 0;
    height: 100%;
}



#stripe-intro h2 { color: #ebeae6;}



.row { margin-top: 10%;
	margin-bottom: 10%;
}

.header{
   margin-top: 15%;

	}
	

.stripe-bianca {
    background-color: #fff;
    padding: 80px 0 50px 0;
    height: 100%;

}



.stripe-grigia {
    background-color: #ebeae6;
    padding: 80px 0 60px 0;
height: 100%;
}

.stripe-scarica {
    background-color: #fff;
    padding: 50px 0 50px 0;

}

.footer {   
background-color:  #00323c;
    padding: 30px 0px 80px 0px;

}

.footer-xs {   
background-color:  #00323c;
    padding: 20px 0px 20px 0px;

}


/*!
 * IMG
 *
 */
 


.logo .img-responsive {
    margin: 0 auto;
    margin-top: 10%;
}

.logo-footer .img-responsive {
    margin: 0 auto;
    margin-bottom: 3%;
    max-width: 300px;
    padding-top: 10px;
}


.problemi-img .img-responsive {
margin: 0 auto;
    width: 500px;
    
}

.book .img-responsive {
    margin: 0 auto;
    margin-top: auto;
    
}

 #background h1 {
    margin-bottom:25% ;

	 
 }



/*!
 * typography
 *
 */

.stripe-azzurra-testo {
     color: #fff;
     
}

.stripe-bianca-testo {
     color: #003139;
     
}


.stripe-bianca h2 { color: #28b8ce;}

.stripe-grigia h2 { color: #28b8ce;}

.stripe-bianca-xs h2 { color: #28b8ce;}

.stripe-grigia-testo {
     color: #003139;
     
}

.stripe-scarica-testo {
     color: #003139;
     
}

.email {
     color: #28b8ce;
          font-family: 'Lato', sans-serif;
font-weight: 400;
     
}

.footer-testo {
     color: #fff;
     font-family: 'Lato', sans-serif;
font-weight: 400;
     
}


h1 {
font-family: 'Lato', sans-serif;
font-weight: 300;
color: #fff;
}


h2 {
font-family: 'Lato', sans-serif;
font-weight: 700;
margin-top: 10%;
}

h3 {
font-family: 'Lato', sans-serif;
font-weight: 300;
margin-top: 5%;
margin-bottom: 5%;
line-height: 32px;
}

h4 {
font-family: 'Lato', sans-serif;
font-weight: 400;
margin-top: 1%;
margin-bottom: 3%;
font-size: 20px;
}

h5 {
font-family: 'Lato', sans-serif;
font-weight: 300;
font-size: 23px;
color: gray;
}


h6 {
font-family: 'Lato', sans-serif;
font-weight: 300;
margin-top: 3%;
display: inline;
}

p {
font-family: 'Lato', sans-serif;
	font-weight: lighter; 
	font-size: 16px;
	color: #fff;
}

a {
color: #28b8ce;
text-decoration: none;
}