:root {
    --blue: #113154;
    --light-green: #22CD89;
    --dark-green: #058552;
}
body { color: var(--blue); font-size: 28px; font-family: Arial; overflow-x: hidden; }
img { max-width: 100%; }
.blue-bg { background-color: var(--blue); }
.blue-txt { color: var(--blue); }
.light-green-txt { color: var(--light-green); }
.white-txt { color: #fff; }
.dark-green-txt { color: var(--dark-green); }
h1 { font-size: 40px; font-weight: bold; }
h2 { font-size: 32px; font-weight: bold; }
h3 { font-size: 42px; font-weight: bold; }
#hero-img { position: absolute; right: -110px; bottom: -150px; }
.btn, button { background-color: var(--dark-green); color: #fff; padding: 14px 40px; border-radius: 15px; font-size: 38px; font-weight: bold; border: none; }
.btn:hover { color: #fff; }
#experts { font-size: 24px; }
#experts img { margin-bottom: 30px; }
#experts .name { font-weight: bold; font-size: 28px; }
#form { background-color: #D9E7F4; }
label { display: block; }
input { width: 100%; margin-bottom: 30px; border: none; padding: 10px 20px; height: 75px; box-shadow: #ccc 0 2px 2px; }
ul { list-style: none; padding: 0; font-style: italic; opacity: 0.7;}

@media (min-width: 992px) {	
    h1 { font-size: 46px; font-weight: bold; }
    h2 { font-size: 38px; font-weight: bold; }
}