:root {
  --dark1: #1E415E;
  --dark2: #32669a;
  --dark3: #ecf2f9;
  --light1: #b1cfe7;
  --light2: #d8e6f3;
}

body {
    font-family: 'Montserrat';
    min-height: 75rem;
    font-size: 20px;
}	

footer {
  background-color: var(--dark2);
  color:var(--light2);
}
footer ul li {
  font-size: 14px;
}

footer .small {
  font-size: 12px;
}

footer a {color:var(--light2)}
footer a:link {color:var(--light2)}
footer a:visited {color:var(--light2)}
footer a:hover {color:var(--light2)}


.body-bg-color {background-color: #c5d9ec;}

h1 {margin-top:30px; margin-bottom:30px; font-size: 40px; color:var(--dark1)}
h2 {margin-top:20px; margin-bottom:20px; font-size: 32px; color: var(--dark2)}
h3 {margin-top:10px; margin-bottom:10px; font-size: 24px; color: var(--dark2)}

h5 {font-size: 22px; color: var(--dark2)}
h6 {font-size: 20px; color: var(--dark2)}


a {color: var(--dark2)}
a:link{color:var(--dark2)}
a:visited {color: var(--dark2)}

.my-bg-color-dark1{background-color: var(--dark1)}
.my-bg-color-dark2{background-color: var(--dark2)}
.my-bg-color-dark3{background-color: var(--dark3)}

.my-color-top{color:#b1cfe7}
.my-color-yellow {color:#FFDE57}


.gradient {
  background-image: -webkit-linear-gradient(bottom, #ecf2f9,#d8e6f3,#c5d9ec)
}

.my-topnav{font-size:12px}

.navbar {
  margin-bottom: 50px;
}

.navbar-nav{font-size: 14px;}
.navbar  {background-color:var(--dark2); color:var(--light1)}
.navbar a{color:var(--light1)}
.navbar a:link{color:var(--light1)}
.navbar a:visited {color:var(--light1)}

.dropdown-menu  {background-color:var(--dark2); color:var(--light1)}

.nav-scroller {
    position: relative;
    z-index: 2;
    height: 2.75rem;
    overflow-y: hidden;
  }
 
  .nav-scroller .nav {
    display: flex;
    flex-wrap: nowrap;
    padding-bottom: 1rem;
    margin-top: -1px;
    overflow-x: auto;
    text-align: left;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }



p.date { 
color:#ccc;
font-family: georgia, serif;
font-size: 12px;
font-style: italic; 
}

.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited {
  background-color: var(--dark2) !important;
}



















a:link {text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }