:root {
    --cream: #E1EBD9;
    --sand: #EEE2D8;
    --green: #4A9462;
    --blue: #2C5794;
}

.text-sand {color: var(--sand)!important;}
.text-cream {color:var(--cream)!important;}
.text-green {color:var(--green)!important;}
.text-blue {color:var(--blue)!important;}

.bg-green {background-color: var(--green)!important;}
.bg-cream {background-color: var(--cream)!important;}
.bg-blue {background-color: var(--blue)!important;}

.scrolled-bg, .fixed-bg {background-color: rgba(0, 0, 0, .6) !important;}
nav {transition: all .5s ease-in-out;}

/* fonts */
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Oswald:wght@200..700&display=swap');
.lato {font-family: "Lato", sans-serif;font-weight: 400;}
.oswald {font-family: "Oswald", sans-serif;font-weight: 400;}

a.nav-link {color: var(--cream)!important;}
a.nav-link.active::after {content: url(/assets/images/nav_item_footer.png);display: block;text-align: center;}

.bg {background-position: center!important;background-repeat: no-repeat!important;background-size: cover!important;}
.bg-filter {position: relative;}
.bg-filter::after {content: "";width: 100%;height: 100%;background-color: rgba(0, 0, 0, .3);position: absolute;}

.btn-trebola-blue {background-color: var(--blue);border-radius: 40px;color:var(--sand);text-decoration: none;font-size: 18px; line-height: 28px;padding-top: .5rem;padding-bottom: .5rem;}
.btn-trebola-green {background-color: var(--green);border-radius: 40px;color:var(--sand);text-decoration: none;font-size: 18px; line-height: 28px;padding-top: .5rem;padding-bottom: .5rem;}


h1 {font-size: 62px;line-height: 70.4px;letter-spacing: -3px;}
h3 {font-size: 60px;line-height: 80px;}
h4 {font-size: 46.36px;line-height: 48.7px;}
p {font-size: 20px;line-height: 28px;}

html, body{overflow-x: hidden;}

@media screen and (max-width:450px ) {
    h3 {font-size: 2.5rem;}
}

@media screen and (max-width: 991px) {
    a.nav-link {position: relative;padding-left: 2rem;display: flex; align-items: center;}
    a.nav-link.active::after {position: absolute;left:0}
}