@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;600&family=Yanone+Kaffeesatz:wght@300;600&display=swap');

h1, h2, h3, h4, h5, h6, p, .btn, a { font-family: 'Yanone Kaffeesatz', sans-serif; }
h1, h2, .btn { font-weight: 600; }
h3, h4, h5, h6, p, a { font-weight: 300; }


@media screen and (min-width: 601px) {
h1 { font-size: 3.052rem;}
h2 { font-size: 2.441rem;}
h3 { font-size: 1.953rem;}
h4 { font-size: 1.563rem;}
h5 { font-size: 1.25rem;}
h6 { font-size: 1rem;}
}

@media screen and (max-width: 600px) {
h1 { font-size: 2.027rem;}
h2 { font-size: 1.802rem;}
h3 { font-size: 1.424rem;}
h4 { font-size: 1.266rem;}
h5 { font-size: 1.125rem;}
h6 { font-size: 1rem;}
}
    
	
.column-padding { padding: 7rem 0 7rem 0; }

.bg-light { background-color: #FAF9F9; color: #15171E; }
.bg-dark { background-color: #4A4E69; color: #FAF9F9; }
.bg-white { background-color: #FDFDFD; }
.bg-blue { background-color: #E5F3FC;}
.bg-dk-blue { background-color: #7EA8C2; }
.navbar .nav-item .nav-link { font-size: 1.2rem; color: #15171E; text-decoration: none; text-transform: capitalize;}
.navbar .navbar-nav > li > a:hover {color: #928D8B; font-weight: 600; }


.btn-dark { background-color: #4A4E69; color: #FAF9F9; border-color: #4A4E69; }
.btn-light { background-color: #FAF9F9; color: #15171E; border-color: #FAF9F9; font-size: 1.25rem; }