* {margin: 0; padding: 0; box-sizing: border-box;}

:root {font-size: 16px;}

body {font-family: 'arboria'; font-weight: 400; font-style: normal; line-height: 100%; overflow-x: hidden;}

.btn {text-decoration: none; padding: 1rem 2rem; border-radius: 30px; border: none; transition: 250ms ease;}
.btn.btn-primary {background-color: #217E97!important; color: #FFF;}
.btn:hover {transform: scale(1.04);}

.text-primary {color: #217E97!important;}
.text-blue-green {color: #88CDD3;}
.text-grey {color: #929292;}

.bg-blue-light {background: linear-gradient(270deg, rgba(132, 207, 237, 0.3) 0%, rgba(132, 207, 237, 0) 71.91%);}
.logo {top: -62px; position: relative;}
.illu-lines {width: 130%; z-index: 1;}
.big-ellipse {z-index: 1;}

h1 {font-weight: 700; font-style: normal; font-size: 5rem; line-height: 100%; margin-bottom: 1.2rem;}
.lead {color: #303030; line-height: 150%;}

@media screen and (max-width: 1200px) {
    .header .lead {font-size: 16px;}
}
@media screen and (max-width: 992px) {
    .logo {top: 0; position: static;}
}
@media screen and (max-width: 768px) {
    h1 {font-size: 3rem;}
    .illu-lines {width: 120%;}
    .logo {top: 0; position: static;}
}