body {
  font-family: 'Roboto', sans-serif;
}

.labelSpan {
  padding: 0 10px 0 5px;
  vertical-align: text-bottom;
}

a {
  color: #3B73FF;
}

a:hover {
  color: #303030 !important;
}

::selection {
  background: #3B73FF; /* WebKit/Blink Browsers */
  color: white;
}
::-moz-selection {
  background: #3B73FF; /* Gecko Browsers */
  color: white;
}

.teamList li {
  padding-bottom: 0.5em;
}

.footer {
  padding-bottom: 0px;
  font-size: 0.8em;
  color: #9AB5B4;
  text-align: left !important;
}

.callout {
   background-color: whitesmoke;
   border-left: 5px solid #3B73FF;
   padding: 0.25em 1.5em 2em;
   margin-bottom: 1.25em;
   border-radius: 0 3px 3px 0;
}

.note {
  text-transform:uppercase;
  font-size: 0.8em;
  font-weight: 700;
  color: #3B73FF;
}

hr {
  margin-bottom: 0.4em;
  background-color: #9AB5B4;
  opacity: 0.3;
}

.modal-card, .modal-content {
    margin: 0 auto;
    max-height: calc(100vh - 40px);
    width: 80%;
  }

  .modal-close {
    margin: 5px;
    background-color: rgba(255,255,255,0.2);

}

.modal-close:after, .modal-close:before {
    background-color: black;
}

  .tabs li {
    display: block;
    width: 30%;
}

.infograph {
  margin-left: 1em;
  margin-right: 1em;
  float: none!important;
  min-height: 500px;
  height: 100%;
  background: #BDE8E7;
  border: 3px solid #303030;
  -webkit-box-shadow: 16px 17px 0px -5px rgba(48,48,48,1);
  -moz-box-shadow: 16px 17px 0px -5px rgba(48,48,48,1);
  box-shadow: 16px 17px 0px -5px rgba(48,48,48,1);
  color: #303030;
  position: relative;
  transition: all .5s;
  padding: 1em;
}
#mainContent {
  transition: all .5s;
  padding: 20px;
}

.menuLink {
  color: #303030;
  font-weight: 700;
  font-variant: small-caps;
}

.infograph > h1,h2,h3,h4,h5 {
  font-weight: 700;
  color: #303030;

}

.stageContent {
  margin-left: 4em;
  margin-right: 4em;
  text-align: left;
}

.nav-list {
  text-align: center;
}

.nav-list li{
  display: inline-block;
  list-style-type: none;
  padding: 10px;
  margin-right: 1em;
  font-weight: 700;
  white-space: nowrap;
  background-color: white;
  border-radius: 20px;
  margin-bottom: 10px;
}

.nav-list a {
  color: #9AB5B4;
}

.nav-list .active {
  background-color: #9AB5B4 !important;
}

.nav-list .active a {
    color: white !important;
}

.anim svg {
  max-width: 900px;
  width: 100% !important;
  height: inherit !important;
}