html, body{height: 100vh; background-color: #03142e; color: #fff; font-family: "Inter", sans-serif; }
html{font-size: 1vw !important; }
.col{height: 100vh}
#col-1{background-image: url('bg.jpg'); background-size: contain; background-repeat: no-repeat; background-position: center;}
#col-2{padding: 5rem; display: flex; flex-wrap: wrap; align-content: space-between}
#col-2 div{width:100%;}
h1{font-size: 5rem;margin-bottom: 0em;font-weight: 300;}
h2{font-size: 1.5rem; margin-bottom:2em; font-weight: 300;}
h3{font-size: 1.5rem; margin-bottom: 1em;font-weight: 300;}
h4{font-size: 1.5rem; font-weight: 300; margin-bottom: 2em;}
h5{font-size: 1rem; font-weight: 300;}
p{font-size: 0.8rem; font-weight: 300;}
a{color:#50c6f6;}
a:hover{text-decoration: none;}
.color-node{color:#50c6f6;}


@media(max-width:991px){
    html{font-size: 2.5vw !important; }
    #col-2{background-image: url('bg2.jpg'); background-size: contain; background-repeat: no-repeat; background-position: center;}
}

@media(max-width:767px){
    html{font-size: 3vw !important; }
    .col{height: 95vh}
    #col-2{padding: 3rem;}
    
}