html, body{
    width: 100%;
    padding:0px;
    margin:0px;
}
header{
    float: left;
    clear: both;
    width: 100%;
    margin:0px;
    padding:0px;
    padding-top: 50px;
    padding-bottom: 50px;
    background: rgb(40,40,40);
}
.headerLogo{
    width:350px;
    padding:0px;
    margin-left: calc(50% - 175px);
    margin-right: calc(50% - 175px);
    height: auto;
    margin-bottom: 5px;
    cursor: pointer;
}
h1.headerTitle{
    float: left;
    clear: both;
    font-size: 3em;
    width: 50%;
    margin-left:25%;
    margin-right:25%;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    color: white;
    text-align: center;
    font-family: 'Mulish', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
}
#container{
    width: 100%;
    float: left;
    margin:0px;
    padding: 0px;
}
.intro{
    float: left;
    clear: both;
    background: url('/padova/img/scouting/landingJoinToParallax.jpg');
    background-size: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    width:100%;
    margin:0px;
    padding: 0px;
    height: 500px;
    display: table;
}
p.introText{
    width: calc(30% - 50px);
    position: relative;
    padding-left: 150px;
    padding-right: 50%;
    width: 300px;
    font-family: 'Mulish', sans-serif;
    font-size: 1em;
    color: rgb(120,120,120);
    display: table-cell;
    vertical-align: middle;
    line-height: 2em;
}
h1.formTitle{
    width:100%;
    float: left;
    clear: both;
    margin:0px;
    padding:0px;
    text-align: center;
    font-family: 'Mulish', sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: normal;
    color: black;
    font-size: 2.5em;
    margin-top: 50px;
    margin-bottom: 25px;
}
#formSpecTextSpace{
    width: calc(50% - 201px);
    height: auto;
    float: left;
    margin-left: 150px;
    padding-right:50px;
    margin-top: 50px;
    border-right:1px solid rgb(255,173,0);
}
img.formSpecImg{
    width:100%;
    margin:0px;
    padding: 0px;
    float: left;
    clear: both;
    margin-bottom: 50px;
}
.textSpecTitle1Space{
    border-top:1px solid rgb(120,120,120);
    border-bottom:1px solid rgb(120,120,120);
    margin-bottom: 5px;
}
.textSpecTitle2Space{
    border-top:1px solid rgb(120,120,120);
    border-bottom:1px solid rgb(120,120,120);
    margin-bottom: 5px;
}
.textSpecTitle3Space{
    border-top:1px solid rgb(120,120,120);
    border-bottom:1px solid rgb(120,120,120);
    margin-bottom: 25px;
}
h1.textSpecTitle{
    font-size: 2.5em;
    color:rgb(120,120,120);
    font-family: 'Mulish', sans-serif;
    text-align: left;
    text-transform: uppercase;
    font-weight: normal;
}
p.formSpecText{
    text-align: left;
    font-size: 1em;
    color:rgb(120,120,120);
    font-family: 'Mulish', sans-serif;
    line-height: 2em;
}
#formContainer{
    width: calc(50% - 150px);
    height: auto;
    float: left;
    margin-right: 150px;
    margin-top: 50px;
}
#footer{
    width: 100%;
    margin:0px;
    padding:0px;
    float: left;
    clear: both;
    background: rgb(40,40,40);
    padding-top: 50px;
    padding-bottom: 50px;
}
img.footerLogo{
    width: 250px;
    float: left;
    clear: both;
    margin-left: calc(50% - 125px);
    margin-right: calc(50% - 125px);
    height: auto;
    cursor: pointer;
}
#footerLinkSpace{
    width: 80%;
    padding:0px;
    margin-left:10%;
    margin-right: 10%;
    margin-top:50px;
    padding-top:25px;
    float: left;
    clear: both;
    margin-top: 25px;
    border-top: 1px solid white;
}
a.footerPrivacyPolicy{
    width: calc(50% - 25px);
    float: left;
    margin-right: 25px;
    margin-left: 0px;
    padding: 0px;
    font-size: 1em;
    text-align: right;
    font-family: 'Mulish', sans-serif;
    color: rgba(255,255,255,0.7);
    text-transform: uppercase;
    text-decoration: none;
}
a.footerCookiesPolicy{
    width: calc(50% - 25px);
    float: left;
    margin-left: 25px;
    margin-right: 0px;
    padding: 0px;
    font-size: 1em;
    text-align: left;
    font-family: 'Mulish', sans-serif;
    color: rgba(255,255,255,0.7);
    text-transform: uppercase;
    text-decoration: none;
}
/************************************************/
/************************************************/
/*                                              */
/* gestione query per le varie versioni MOBILE  */
/*                                              */
/************************************************/
/************************************************/

@media (min-width: 279px) and (max-width: 319px) {
}
@media (min-width: 320px) and (max-width: 359px) {
    .headerLogo{
        width:200px;
        margin-left: calc(50% - 100px);
        margin-right: calc(50% - 100px);
    }
    h1.headerTitle{
        width: 80%;
        margin-left:10%;
        margin-right:10%;
        font-size: 1.5em;
    }
    
    .intro{
        background: url('/padova/img/scouting/landingMobileJoinToParallax.jpg');
        background-repeat: no-repeat;
        background-size: 100%;
        width:100%;
        height: 500px;
    }
    p.introText{
        width: calc(100% - 20px);
        padding:0px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 200px;

    }
    #formSpecTextSpace{
        width: calc(100% - 20px);
        margin-left: 10px;
        margin-right: 10px;
        margin-top: 50px;
        padding:0px;
        border-right:0px solid rgb(255,173,0);
        border-bottom:1px solid rgb(255,173,0);
    }
    #formContainer{
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 50px;
    }
    a.footerPrivacyPolicy{
        font-size: 0.8em;
        width: calc(50% - 5px);
        margin-right: 5px;
    }
    a.footerCookiesPolicy{
        font-size: 0.8em;
        width: calc(50% - 5px);
        margin-left: 5px;
    }
}
@media (min-width: 360px) and (max-width: 410px) {
    .headerLogo{
        width:200px;
        margin-left: calc(50% - 100px);
        margin-right: calc(50% - 100px);
    }
    h1.headerTitle{
        width: 80%;
        margin-left:10%;
        margin-right:10%;
        font-size: 1.5em;
    }
    
    .intro{
        background: url('/padova/img/scouting/landingMobileJoinToParallax.jpg');
        background-repeat: no-repeat;
        background-size: 100%;
        width:100%;
        height: 500px;
    }
    p.introText{
        width: calc(100% - 20px);
        padding:0px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 200px;

    }
    #formSpecTextSpace{
        width: calc(100% - 20px);
        margin-left: 10px;
        margin-right: 10px;
        margin-top: 50px;
        padding:0px;
        border-right:0px solid rgb(255,173,0);
        border-bottom:1px solid rgb(255,173,0);
    }
    #formContainer{
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 50px;
    }
    a.footerPrivacyPolicy{
        font-size: 0.8em;
        width: calc(50% - 5px);
        margin-right: 5px;
    }
    a.footerCookiesPolicy{
        font-size: 0.8em;
        width: calc(50% - 5px);
        margin-left: 5px;
    }
}
@media (min-width: 411px) and (max-width: 567px) {
    .headerLogo{
        width:200px;
        margin-left: calc(50% - 100px);
        margin-right: calc(50% - 100px);
    }
    h1.headerTitle{
        width: 80%;
        margin-left:10%;
        margin-right:10%;
        font-size: 1.5em;
    }
    
    .intro{
        background: url('/padova/img/scouting/landingMobileJoinToParallax.jpg');
        background-repeat: no-repeat;
        background-size: 100%;
        width:100%;
        height: 500px;
    }
    p.introText{
        width: calc(100% - 20px);
        padding:0px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 300px;

    }
    #formSpecTextSpace{
        width: calc(100% - 20px);
        margin-left: 10px;
        margin-right: 10px;
        margin-top: 50px;
        padding:0px;
        border-right:0px solid rgb(255,173,0);
        border-bottom:1px solid rgb(255,173,0);
    }
    #formContainer{
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 50px;
    }
    a.footerPrivacyPolicy{
        font-size: 0.8em;
        width: calc(50% - 5px);
        margin-right: 5px;
    }
    a.footerCookiesPolicy{
        font-size: 0.8em;
        width: calc(50% - 5px);
        margin-left: 5px;
    }
}
@media (min-width: 568px) and (max-width: 666px) {
    .headerLogo{
        width:200px;
        margin-left: calc(50% - 100px);
        margin-right: calc(50% - 100px);
    }
    h1.headerTitle{
        width: 80%;
        margin-left:10%;
        margin-right:10%;
        font-size: 1.5em;
    }
    
    .intro{
        background: url('/padova/img/scouting/landingMobileJoinToParallax.jpg');
        background-repeat: no-repeat;
        background-size: 100%;
        width:100%;
        height: 500px;
    }
    p.introText{
        width: calc(100% - 20px);
        padding:0px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 350px;

    }
    #formSpecTextSpace{
        width: calc(100% - 20px);
        margin-left: 10px;
        margin-right: 10px;
        margin-top: 50px;
        padding:0px;
        border-right:0px solid rgb(255,173,0);
        border-bottom:1px solid rgb(255,173,0);
    }
    #formContainer{
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 50px;
    }
    a.footerPrivacyPolicy{
        font-size: 0.8em;
        width: calc(50% - 5px);
        margin-right: 5px;
    }
    a.footerCookiesPolicy{
        font-size: 0.8em;
        width: calc(50% - 5px);
        margin-left: 5px;
    }
}
@media (min-width: 666px) and (max-width: 730px) {
    .headerLogo{
        width:200px;
        margin-left: calc(50% - 100px);
        margin-right: calc(50% - 100px);
    }
    h1.headerTitle{
        width: 80%;
        margin-left:10%;
        margin-right:10%;
        font-size: 1.5em;
    }
    
    .intro{
        background: url('/padova/img/scouting/landingMobileJoinToParallax.jpg');
        background-repeat: no-repeat;
        background-size: 100%;
        width:100%;
        height: 500px;
    }
    p.introText{
        width: calc(100% - 20px);
        padding:0px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 200px;

    }
    #formSpecTextSpace{
        width: calc(100% - 20px);
        margin-left: 10px;
        margin-right: 10px;
        margin-top: 50px;
        padding:0px;
        border-right:0px solid rgb(255,173,0);
        border-bottom:1px solid rgb(255,173,0);
    }
    #formContainer{
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 50px;
    }
    a.footerPrivacyPolicy{
        font-size: 0.8em;
        width: calc(50% - 5px);
        margin-right: 5px;
    }
    a.footerCookiesPolicy{
        font-size: 0.8em;
        width: calc(50% - 5px);
        margin-left: 5px;
    }
}
@media (min-width: 730px) and (max-width: 823px) {
    .headerLogo{
        width:200px;
        margin-left: calc(50% - 100px);
        margin-right: calc(50% - 100px);
    }
    h1.headerTitle{
        width: 80%;
        margin-left:10%;
        margin-right:10%;
        font-size: 2em;
    }
    .intro{
        background: url('/padova/img/scouting/landingMobileJoinToParallax.jpg');
        background-repeat: no-repeat;
        background-size: 100%;
        width:100%;
        height: 500px;
    }
    p.introText{
        width: calc(100% - 20px);
        padding:0px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 600px;

    }
    #formSpecTextSpace{
        width: calc(100% - 20px);
        margin-left: 10px;
        margin-right: 10px;
        margin-top: 50px;
        padding:0px;
        border-right:0px solid rgb(255,173,0);
        border-bottom:1px solid rgb(255,173,0);
    }
    #formContainer{
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 50px;
    }
    a.footerPrivacyPolicy{
        font-size: 0.8em;
        width: calc(50% - 5px);
        margin-right: 5px;
    }
    a.footerCookiesPolicy{
        font-size: 0.8em;
        width: calc(50% - 5px);
        margin-left: 5px;
    }
}