:root {
     --dwit-primaryColor: #91CBFB;
     --dwit-secondaryColor: #4294BA;
     --formFocusShadowColor: rgba(42, 121, 248, 0.5);
     --formFocusColor: var(--dwit-secondaryColor);

     --jp-primaryColor: rgb(245, 170, 193);
     --jp-secondaryColor: rgb(168, 99, 120);
     --formFocusShadowColor: rgba(255, 100, 172, 0.5);
     --formFocusColor: var(--jp-secondaryColor);
}

main>.container {
     padding: 60px 15px 0;
     margin-top: 5rem;
}

.sticky-nav {
     position: fixed;
     left: 0;
     bottom: 0;
     width: 100%;
}


body {
     font-family: 'Monterat', sans-serif;

}


.title {
     font-family: 'Cinzel', serif;
}

.form-control:focus {
     border-color: var(--formFocusColor);
     box-shadow: 0 0 0 0.25rem var(--formFocusShadowColor);
}

.header {
     background-repeat: no-repeat;
     background-position: fixed;
     background-size: cover;
     min-height: 400px;
     background-color: rgba(138, 192, 216, 5);
     background-image: radial-gradient(circle 827px at 47.3% 48%, rgba(255, 255, 255, 1) 0%, rgb(19, 107, 145) 90%);
}

/* Show big images on bigger screens */
@media only screen and (min-width: 992px) {
     .header {
          background-image: url("/img/DaneWhitmanLarge.png");
          min-height: 400px;
          margin-top: 3rem;
     }
}

/* show small image on smaller screens */
@media only screen and (min-width: 576px) and (max-width: 991px) {
     .header {
          background-image: url("/img/DaneWhitmanSmall.png");
          margin-top: 3rem;
     }
}