body, html{height:100%; margin:0; padding:0; font-family: helvetica,arial, Lato; color:#333; text-size: 100%;
background: #333 url(bg.jpg) no-repeat top center;
background-attachment:fixed;-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
                
h1{font-family: helvetica,arial; font-size:2.1em; font-weight: 800; margin-bottom:0; font-weight: 300; text-transform: uppercase; text-align: center; margin-top:100px; }

h2{font-family: helvetica,arial; font-size:1.9em; color:#ff7272; font-weight: 800;font-weight: 300}
 
p{font-family: helvetica,arial; font-size:0.9em;line-height: 1.25em; color:#666}
 
a{color:#fff; font-weight: bold; text-decoration: none;}
a:hover{color:#ff7272;}

p a{color:#666; font-weight: normal; text-decoration: none;}
p a:hover{color:#ff7272;}
 
strong{font-weight: bold}
span{color:#ff7272;}
 
.big{font-size: 2.6em; line-height: 1.25em; color:#0c8ce3; padding-top:30px; width:100%; float:left; text-align: center;margin:40px 0;text-transform: uppercase; border-top: 3px solid #eee}

.big1{font-size: 0.8em; color:#000; width:100%; float:left; text-align: center;margin:10px 0;text-transform: uppercase; line-height: 1.25em;}
 
    
.bg{height: 800px; width:100%;float:left;display:block;position:relative;
    background-attachment: fixed !important;
    background-color: #0c8ce3 !important;
    background-image: url("idraulicopattern1.png") !important;
    background-position: center top;
    background-repeat: repeat !important;
    background-size: contain;}

    
.logo{text-align: center;}
    
.message{font-family: helvetica,arial; text-shadow: 0 0 10px #000;font-size: 3em;font-weight:700;z-index: 9999; color:#fff;text-align: center; margin-bottom:50px;}

.center {font-family: helvetica,arial; 
    width: margin:0 auto;font-size: 1.7em; color:#000; width:100%; text-align: center; margin:30px 0; font-weight:200;
}
    
.contatto {
    background-color: rgba(12, 140, 227, 0.6);
    border-radius: 10px;
    box-shadow: 0 1px 3px #c1c1c1;
    margin: 0 auto;
    padding: 40px;
    text-align: center;
    width: 60%;
}

.action{font-family: helvetica,arial; padding: 10px 0px; top:69%; font-size: 2.3em; z-index: 9999; color:#fff;text-transform: uppercase;text-align: center;width:400px;}
 
    
.arrow{width:100%; height:180px;position: absolute; bottom:0;background: url(arrow.png) no-repeat center center;text-indent: -9999px; cursor: pointer}
 
    
.testo{float:left;width: 100%; background: #fff}
    
.center-text{width:700px; margin:0 auto;}
 
    
form{width: 100%;float:left;margin: 30px 0}
    
form p{margin: 10px 0;float:left; width:100%;}
 
        
label{width:20%; display:block;float:left;padding: 10px;}
        
input{width: 70%;float:left;border:none; background: #eee; padding:15px 10px; border-radius: 5px;}


textarea{width: 70%;float:left;border:none; background: #eee; padding:15px 10px; border-radius: 5px;}
 
        
.submit{margin-left: 23%;width: 30%;background: #ff7272; color:#fff; font-size: 16px; font-weight: 700}

.meta{width:48%; float:left; margin-right:10px;}
        

@media screen and (max-width: 480px) {
    .center-text{width:90%;}
    .big{font-size: 1.4em; line-height: 1em;}
    .big1{font-size: 1em; line-height: 1em;}
    .meta{width:90%;}
    .message{font-size: 2em;font-weight:500;}
    label{width: 100%;}
    input{width: 100%;}
    textarea{width: 100%;}
    form p{margin:0;}
    .submit{margin: 10px 0; width: 40%;}
}