@font-face {
    src: url("alta-regular.otf") format("opentype");
    font-family: "Alta";
    font-style: normal;
  }
  
  .alta_font {
    font:
      2rem "Alta",
      sans-serif;
    /*font-variation-settings: "slnt" 12;*/
    font-style: regular 23deg;
  }
  .hdr_image {
  background-image: url(../images/logo_bcgr.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
  min-height: 120px;
  }

  body, h1, h2, h3, h4, h5 {
    font-family: "Raleway", sans-serif;
}
h10 {
    font-weight: bold;
}
body {
    background-color: #c2d0d3;
}
.w3-content {
    background-color: #c2d0d3;
    padding: 20px;
    border-radius: 8px;
}
.w3-card-4, .w3-card {
    background-color: ##c2d0d3 !important;
}

  .bold_text {
    font-weight: bold;
  }

 /* Style the navigation menu */
.topnav {
  overflow: hidden;
  background-color: #333;
  position: relative;
}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
  display: none;
}

/* Style navigation menu links */
.topnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

/* Style the hamburger menu */
.topnav a.icon {
  color: black !important;
  display: block;
  position: absolute;
  height: 47px;
  right: 0;
  top: 0;
}

.fa-bars {
  color:black !important;
  position:initial;
}

/* Add a grey background color on mouse-over */
.topnav a:hover {
  background-color: #c2d0d3;
  color: black;
}

/* Style the active link (or home/logo) */
.active {
  background-color: #c2d0d3;
  color: white;
}

/* ...Old Style...
 @media only screen and (max-width: 992px) {
  .checkbtn {
  display: block;
  font-size: 5rem;
  position: absolute;
  top: 30px;
  left: 40px;
  }
 .nav-mobile {
  top: 160px;
  width: 100%;
  }
 .nav-mobile a {
  font-size: 2rem;
  padding: 2rem 3rem;
  }
 }
*/