body {
  background-color: #C3E9F9;
}

.container {
  background-color: white;
}


.card-header{
  background-color:#729fcf;
  background: linear-gradient(to right, #729fcf, #C3E9F9); 
  /*background: linear-gradient(to right, #729fcf, #FFDA96); */
  font-size: 130%;
  color: white;
  font-weight: bold;
}

.card-header-small{
  background: linear-gradient(to right, #BFBFBF, #E5E5E5); 
  font-size: 100%;
  color: #000000;
  font-weight: normal;
}

.cardanchor{
  height: 0;
  background-color: white;
}

.card {
  margin-top: 2em;
}

.section-card {
  margin-top: 6em;
}

.first-section {
  margin-top: 1em;
}

.navbar {
  background-color: white;
}

.navbar-expand-sm .nav-item {
  margin-right: 1em;
}

.nav-link {
  color: #729fcf; 
  font-weight: bold;
}

.nav-link:hover {
  color: #204a87; 
}

.button-link {
  width: 70%;
  bottom: 1em;
  background-color:#729fcf;
  color: white;
}

.button-link:hover {
  background-color: #204a87;
  color: white;
}

.card-body img.extlogo {
  margin-bottom: 1em;
  max-height: 40px;
}

.video {
  width: 100%;
  height: auto; /* spec says no percent allowed here */
}