body {
    font-family: "Overpass", Helvetica, Arial sans-serif;
}

:root {
    --bs-body-font-size: 1.125rem;
}

h1 {
    font-family: "Baloo Paaji 2";
    font-weight: bold;
    /*font-size: 4rem;*/
    font-size: calc(2.75rem + 1.5vw);
}

h2 {
    font-family: "Baloo Paaji 2";
    /*font-size: 3.75rem;*/
    font-size: calc(2.5rem + 1.5vw);
}

h3 {
    font-family: "Baloo Paaji 2";
    font-weight: bold;
    font-size: calc(2rem + 1.0vw);
    /*font-size: 3rem;*/
    position: relative;
    padding-left: 15px;
}

h3:before {
    content: "";
    width:5px;
    height:100%;
    display: block;
    background-color: #0d6efd;
    top:0;
    left:0;
    position: absolute;
    border-radius: 4px;
}

h4 {
    font-family: "Baloo Paaji 2";
    font-weight: bold;
    font-size: calc(1.75rem + 0.5vw);
    /*font-size: 2.25rem;*/
}


a {
    color:var(--bs-body-color);
    text-decoration: none;
}

.shadow-md {
    /*box-shadow: 0 .75rem 1.5rem rgba(0, 0, 0, .2);*/
    box-shadow: 0 .75rem 1.5rem rgba(0, 0, 0, .3);
}

#topbar {
    background: rgb(255,255,255);
    /*background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(70,137,211,1) 100%);*/
    background: linear-gradient(90deg, rgba(47,223,237,1) 0%, rgba(13,110,253,1) 100%);
    height:10px;
    width:100%;
}

#bottom .nav .nav-item {
    margin-left: .25rem;
    margin-right: .25rem;
}

#bottom .nav .nav-item .nav-link {
    background-color: #555;
    color: #eee;
}

.parallax-content {
    background-color: #fff;
}

.parallax-caption {
    position: absolute;
    left: 0;
    top:50%;
    width: 100%;
}

.parallax {
    min-height: 100vh;
    position: relative;
    background-attachment: fixed;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}

.parallax-1 {
    background-image: url("../img/daniel-vriesman-MIzSx7d9CEY-unsplash_2.jpg");
    /*background-image: url("../img/matthew-dockery-s99-JP8P3Hg-unsplash.jpg");*/
    /*filter:hue-rotate(210deg)*/
}