body{ padding: 0; margin: 0 }
.splash-section{ width: 100%; height: 100vh; background: #fff; position: relative; }
.splash-section-inner{ width: 100%; height: 100vh; position: relative }
.splash-section-inner:after{ width: calc(100% - 60px); height:calc(100vh - 32px); position: absolute; top: 30px; left: 30px; right: 30px; content: ''; z-index: 1; border: 2px solid #000443; border-bottom: 0px  }
.splash-section-inner:before{ width: 38px; height: 38px; position: absolute; top: 25px; right: 25px; content: ''; background: url('splash-right-frame.svg') no-repeat 0 0; background-size: 38px }
.splash-section:after{ width: 38px; height: 38px; position: absolute; top: 25px; left: 25px; content: ''; background: url('splash-left-frame.svg') no-repeat 0 0; background-size: 38px }
.splash-section:before{ width: 100%; height: 540px; position: absolute; bottom: 0; left: 0; z-index: 2; content: ''; background: url('splash-bg-dsk.png') no-repeat left bottom; background-size: 100% }
.splash-content{ max-width: 864px; position: relative; z-index: 2; margin: 0 auto; padding-top: 160px; text-align: center }
.splash-content img{ margin-bottom: 40px }
.splash-content h2{ font-size: 35px; line-height: 48px; font-weight: 700; font-family: 'Montserrat', sans-serif; color: #00295f; padding: 0; margin: 0 0 35px }
.splash-content p{ max-width: 580px; font-size: 28px; line-height: 48px; font-weight: 400; font-family: 'Montserrat', sans-serif; color: #00295f; padding:0; margin: 0 auto }
@media(max-width:1366px){
    .splash-content{ max-width:580px; padding-top: 130px }
    .splash-content h2{ font-size: 28px; line-height: 39px; margin-bottom: 20px  }
    .splash-content p{ font-size: 20px; line-height: 40px }   
}
@media(max-width:1024px){
    .splash-content{ max-width:600px; padding-top: 110px }
    .splash-content h2{ font-size: 28px; line-height: 39px; margin-bottom: 20px  }
    .splash-content p{ font-size: 20px; line-height: 40px }   
}
@media(max-width:840px){
    .splash-section{ height: 100vh}
    .splash-content{ max-width:600px; padding-left: 40px; padding-right: 40px; padding-top: 70px }
    .splash-section-inner{height: 100%}
    .splash-section-inner:after{ width: calc(100% - 30px); height: calc(100% - 17px); top: 15px; right: 15px; left: 15px; }
    .splash-section-inner:before{ width: 32px; height: 32px; top: 12px; right: 12px; background-size: 32px }
    .splash-section:after{ width: 32px; height: 32px; top: 12px; left: 12px; background-size: 32px }
    .splash-content img{ width: 120px; margin-bottom: 20px }
    .splash-content h2{ font-size: 20px; line-height: 28px; margin-bottom: 20px  }
    .splash-content p{ font-size: 16px; line-height: 30px }
    .splash-section:before{ width: 100%; height: 100%; background: url('splash-bg-mob.png') no-repeat left bottom; background-size: 100% }
}