body {
  margin: 0;
  padding: 0;
  position: relative;
  min-height: 100vh;
  background-image: url(../img/body-bkg.jpg);
  background-repeat: repeat-y;
  background-size: contain;
  /*&.is-grid::after {
      content: '';
      position: absolute;
      z-index: 1000;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      opacity: 0.15;
      background: repeating-linear-gradient(
          90deg,
          $grid_color 0,
          $grid_color $grid_width,
          transparent $grid_width,
          transparent $grid_width + $grid_gutter
      );
      : none;
  }*/
}

.wrapper {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
}

.docs-link {
  font-size: 50px;
}

header {
  min-height: 270px;
  width: 100%;
}

.header-text {
  margin-left: 20px;
  height: 170px;
  width: 35.7608695652%;
}

.header-textt {
  width: 152.4456521739%;
  font-size: 40pt;
  color: white;
}

.left-bar {
  position: absolute;
  width: 18.6956521739%;
  background: rgba(52, 52, 52, 0.6);
  border: 3px solid black;
  min-height: 100vh;
}

a.bar-link-text:active,
a.bar-link-text:hover,
a.bar-link-text {
  text-decoration: none;
  color: #FFFFFF;
}

.left-bar-link {
  font-size: 25pt;
  margin-bottom: 5%;
  font-family: "Calibri";
  color: white;
  text-align: center;
}

.map {
  margin-left: 11.7934782609%;
}

.bar-link-text {
  text-decoration: none;
}

.selected {
  background: rgba(52, 52, 52, 0.6);
  border: 3px solid black;
  width: 99%;
}

.left-bar-links {
  text-align: center;
}

.main-frame {
  align-items: center;
  align-content: center;
  width: 79.6739130435%;
  margin-left: 20.3260869565%;
}

.main-frame2 {
  align-items: center;
  align-content: center;
  width: 79.6739130435%;
  margin-left: 20.3260869565%;
  margin-bottom: 50%;
}

.main-frame3 {
  align-items: center;
  align-content: center;
  width: 79.6739130435%;
  margin-left: 20.3260869565%;
  margin-bottom: 10%;
}

.about-it {
  font-family: "Calibri";
  color: white;
  background-color: rgba(52, 52, 52, 0.54);
  border: 3px solid black;
  font-size: 25pt;
  text-align: center;
}

.grid {
  display: grid;
  grid-template-rows: repeat(3, 270px);
  grid-template-columns: repeat(3, 470px);
}

.grid > * {
  padding: 7px;
  margin: 1px;
}

.video {
  display: flex;
  justify-content: center;
}

.main-video {
  width: 80%;
}

footer {
  background-color: rgba(52, 52, 52, 0.54);
  width: 100%;
  height: 200px;
}

.container-2 a {
  border: 1px solid;
  border-color: #25c11f;
  margin-left: 30.4891304348%;
  text-decoration: none;
  position: relative;
  display: inline-block;
  color: #FFFFFF;
  transition: color 0.3s ease-out;
}

.container-2 a::before {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  background: #25c11f;
  transition: height 0.3s ease-out;
}

.container-2 a:hover {
  color: #fff;
}

.container-2 a:hover::before {
  height: 100%;
}

/*# sourceMappingURL=base.css.map */