html, body {
    font-size: 1.042vw;
    margin: 0;
    font-family: "Quicksand", sans-serif;
    line-height: 1.5em;
}

h1,h2{
    font-family: "Gilda Display", serif;
}

h1{
    font-size: 2.75rem;
}
h2{
    font-size: 2.15rem;
}

p {
  text-align: justify-center;  
  font-size: 1rem;
  text-align: justify;
}

.page {
    background-color: #002B36;
    background-image: url(../images/bg.png);
    background-position: center center;
    background-size: cover;
    padding-block:0 ;
    width: 100dvw;
    height: 100dvh;
    overflow: hidden;
}

.page .row {
    height: 100vh;
}

.logo {
    margin-bottom: 1rem;
}

.left{
    width: 33rem;
    transform: translateX(8%);
}

.banner-img {
    transform-origin: right bottom;
    transform: translateX(-8%);
    height: 100vh;
    object-fit: contain;
    object-position: right bottom;
}

.divider {
    width: 21.5rem;
}


@media( max-width: 767px ) {
    html, body {
        font-size: 2.3vw;
    }
    .page {
        height: auto;
        min-height: 100dvh;
        overflow-y: visible;
        background-image: url(../images/bg_mob.png);
    }
    .page .row {
        min-height: 100dvh;
    }
    .left {
        transform: none;
        padding-block: 8rem 1rem;
    }
    .banner-img {
        height: auto;
        transform: none;
        padding-inline: 2rem;
    }
}