html, body, #form1 {margin:0; padding:0; height:100%}

html {font-size:100%; }

body {font:normal 62.5%/1.2 'Lato', sans-serif;}

input, select {font:inherit;}



span {padding:20px; white-space:nowrap}



.titolo {

    letter-spacing:10px; 

    line-height:1.2em;

    font-size:5em; 

    font-weight:bold; 

    color:#f95000; 

    text-align:center;

    margin:50px;

    text-shadow:0 0 6px black;

}



.H_logo {

    max-width:1100px;

    width:70%;

    display:normal;

}



.V_logo {

    max-width:400px;

    width:70%;

    display:none;

}



.lista {    

    width:70%; 

    background-color:rgba(255,255,255,0.6); 

    text-align:center; 

    font-size:2.2em; 

    padding:20px; 

    margin:10px auto 40px; 

    line-height:2em;

}



.testo {

    padding:50px 80px; 

    background-color:#282E34; 

    font-size:1.5em; 

    color: white;

}



.parallax {

    background-image: url("../img/bg_index.jpg");

    height: 100%;

    background-attachment: fixed;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    text-align:center;

    margin:auto;

}



.parallax1 {

    background-image: url("../img/bg1_index.jpg");

    height: 100%;

    background-attachment: fixed;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    text-align:center;

    line-height:5em;



}



.contatti {

    background-color:rgba(249,80,0,0.7);

    border-radius:20px;

    padding:25px;

    font-size:2.5em;

    color:white;    

    text-align:center;

    white-space:nowrap;

    min-width:450px;

    width:40%;

    margin:0 auto 40px;

    font-weight:bold;

}



/*   MEDIA QUERIES   */



/*XX-Small devices*/

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



    body {font-size:65%}

    .V_logo {display:inline}

    .H_logo {display:none}

    .parallax, .parallax1 {background-attachment:scroll; height:auto; overflow:hidden}

    .testo {

        padding: 20px 40px;

    }

    .contatti {

        font-size:1.6em;

        min-width:320px;

        width:80%;

        padding:5px;

    }

    .titolo {

        letter-spacing:7px; 

        line-height:1.1em;

        font-size:4.2em; 

        margin-right:10px;

        margin-left:10px;

    }

}



/*X-Small devices (portrait phones, less than 576px)*/

@media only screen and (min-width: 450px) and (max-width: 575.98px) {



    .V_logo {display:inline}

    .H_logo {display:none}

    .parallax, .parallax1 {background-attachment:scroll; height:auto; overflow:hidden}

    .testo {

        padding: 20px 40px;

    }

    .contatti {

        font-size:1.8em;

        min-width:400px;

        width:70%;

        padding:5px;

    }

    .titolo {

        letter-spacing:8px; 

        line-height:1.1em;

        font-size:4.4em; 

        margin-right:15px;

        margin-left:15px;

    }

}



@media only screen and (max-height: 700px) {



    .parallax, .parallax1 {background-attachment:scroll; height:auto; overflow:hidden}

}



/*Small devices (landscape phones, less than 768px)*/

@media only screen and (min-width: 576px) and (max-width: 767.98px) {



    .V_logo {display:inline}

    .H_logo {display:none}

    .parallax, .parallax1 {background-attachment:scroll}

    .testo {

        padding: 30px 60px;

    }

    .contatti {

        font-size:2em;

        min-width:450px;

        width:60%;

    }

}



/*Medium devices (tablets, less than 992px)*/

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



    .contatti {

        font-size:2em;

        min-width:450px;

        width:60%;

    }

}



/*Large devices (desktops, less than 1200px)*/

@media (max-width: 1199.98px) {



}



/*X-Large devices (large desktops, less than 1400px)*/

@media (max-width: 1399.98px) {



}