section.banner-contract{
    position: relative;
    height: 50vw;
    margin-bottom: -20px;
}
section.banner-contract img{
    width: 100%;
    object-fit: cover;
    height: 146vh;
    position: absolute;
}
section.banner-contract h2{
    position: absolute;
    top: 13vw;
    left: 29.4vw;
    margin: 0;
    color: #FFFFFF;
    font-family: montserrat_regular;
    font-size: 3.62vw;
}
section.banner-contract p{
    font-size: .96vw;
    width: 45vw;
    position: absolute;
    top: 18vw;
    margin: 0;
    color: #CBCBCB;
    font-family: montserrat_extralight;
    left: 27.2vw;
    text-align: center;
    line-height: 1.97;
}
.banner-contract a.audit-btn.black{
    left: 49.9vw;
    border: .1vw solid #EF0D33;
    background: black;
    color: #EF0D33;
    padding: .5vw 2.7vw;
}
.banner-contract a.audit-btn.black:hover{
    border: .1vw solid #d60c2e;
    color: #FCFCFC;
}
.banner-contract a.audit-btn{
    cursor: pointer;
    position: absolute;
    top: 26.4vw;
    color: #FCFCFC;
    font-family: 'montserrat_light';
    background: #EF0D33;
    border-radius: 3px;
    left: 31.9vw;
    font-size: .85vw;
    padding: .6vw 2.7vw;
}
.banner-contract a.audit-btn:hover{
    background-color: #d60c2e;
}
.whitepaper{
    margin-top: -14vw;
    margin-bottom: -20px;
       padding: 0vw 13vw 7vw;
       position: relative;
}
.whitepaper img{
    width: 74vw;
}
.whitepaper .whitepaper-content{
    position: absolute;
    top: 7.3vw;
    left: 17.8vw;
}
.whitepaper .whitepaper-content h5{
    margin: 0;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #FFFFFF;
    font-size: 1.08vw;
}
.whitepaper .whitepaper-content h2{
    margin: 1.2vw 0 0 0;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    line-height: 137.4%;
    font-size: 2.1vw;
    width: 38vw;
}
.whitepaper .whitepaper-content p{
    margin: 1vw 0 2vw 0;
    font-size: .86vw;
    line-height: 172.9%;
    font-family: 'montserrat_light';
    color: rgba(255, 255, 255, 0.5);
    width: 37vw;
}
.whitepaper .whitepaper-content a:hover{
    background-color: #d60c2e;
}
.whitepaper .whitepaper-content a{
    color: #FCFCFC;
    font-family: 'montserrat_light';
    font-size: .98vw;
    background: #EF0D33;
    border-radius: 3px;
    padding: .6vw 1.8vw;
}

.mobile-mask {
    display: none;
}


@media only screen and (max-width: 500px){
    section.banner-contract img{
        height: 208vh;
    }
    section.banner-contract h2{
        top: 34vw;
        left: 18vw;
        font-size: 5.7vw;
    }
    section.banner-contract p{
        font-size: 3.7vw;
        width: 73vw;
        left: 13.2vw;
        top: 45vw;
    }
    section.banner-contract a.audit-btn{
        top: 125vw;
        left: 27.5vw;
        font-size: 2.92vw;
        padding: 1.1vw 5.7vw;
    }
    section.banner-contract{
        height: 170vw;
    }
    .banner-contract a.audit-btn.black{
        top: 140vw;
        left: 24.4vw;
        padding: 1.1vw 5.7vw;
    }
.mobile-mask{
    display: block;
}
.pc-mask{
    display: none;
}
.whitepaper{
    padding: 8vw 4vw 30vw;
}
.whitepaper img{
    width: 92vw;
    height: 127vw;
    object-fit: fill;
}
.whitepaper .whitepaper-content{
    top: 16.3vw;
    left: 8.8vw;
    text-align: center;
}
.whitepaper .whitepaper-content h5{
    font-size: 3.08vw;
}
.whitepaper .whitepaper-content h2{
    line-height: 141.4%;
    margin: 3.2vw 0 0 0;
    width: 83vw;
    font-size: 4.5vw;
}
.whitepaper .whitepaper-content h2 span{
    display: block;
}
.whitepaper .whitepaper-content p{
    margin: 4vw 0 4vw 0;
    font-size: 2.6vw;
    width: 76vw;
    margin-left: auto;
    margin-right: auto;
}
.whitepaper .whitepaper-content a{
    padding: 1.4vw 4.8vw;
    border-radius: 2px;
    font-size: 2.1vw;
}
    
}