/*noinspection CssUnknownTarget*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300&display=swap');

body,html{width:100%;height:100%;margin:0;padding:0}
body{background:linear-gradient(90deg, #3F2B96 0%, #A8C0FF 100%) no-repeat}
body *{font-family:'Roboto',sans-serif}

div,p{font-family:'Roboto',sans-serif;margin:0 !important;padding:0 !important}

.lazy-background{background:url('/images/ajax-loader-32.png') center center no-repeat}
.lazy-background.visible{background-image:url('/images/background.jpg');background-size:cover}

.height-100{height:100%}

div.ext-box{display:table;width:100%}
div.int-box{display:table-cell;vertical-align:middle;left:12.5%;position:relative}

h2{font-size:72px;font-weight:300;color:#fff}
p{font-size:18px;font-weight:100;color:#fff}

@media (max-width:575.98px){
    div.ext-box{text-align:center}
    div.int-box{left:0}
    .col1{width:100% !important;}
    .col2,.col3{display:none;visibility:hidden}
}

@media (max-width:459.98px){
    h2{font-size:48px}
}