.content-section li {
  list-style-type: none;
}

.masthead h1, .masthead h2, .masthead h3 {
  color: white;
}

header .btn {
  margin: 0em 1em;
}

.text-faded a {
  color: rgba(255, 255, 255, 0.7);
}

.card-container {
  flex: 300px;
  margin: 30px;
}

.card-container .card {
  font-weight: bold;
  position: relative;
  width: 100%;
}

.card-container .card a {
  padding: 30px;
  width: 100%;
  height: 400px;
  border: 2px solid black;
  background: white;
  text-decoration: none;
  color: black;
  display: block;
  transition: 300ms ease;
}

.card-container .card a:hover {
  transform: scale(1.05, 1.05);
  background: #1d809f;
  /*#efefef;*/
  color: white;
}

.card-container .card a .card--display i {
  font-size: 60px;
  margin-top: 200px;
}

.card-container .card a .card--display h2 {
  margin: 20px 0 0;
}

.card-container .card .card--border {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border: 2px dashed black;
  z-index: -1;
}

p.link {
  margin-top: 15px;
}

.vid1 {
  width: 560px;
  height: 315px;
  border-radius: 10px;
}

.vid2 {
  width: 430px;
  height: 245px;
  border-radius: 10px;
}

.low-opac {
  opacity: 0.4;
  filter: alpha(opacity=40);
  /* msie */
}

@media (max-width: 991px) {
  header .btn {
    margin: 1em 1em;
  }

  .container {
    padding-left: 19px;
    padding-right: 19px;
  }

  .card-container .card a .card--display i {
    font-size: 30px;
    margin: 200px 0px;
  }

  .card-container h4 {
    margin-top: 20px;
  }

  .vid1 {
    width: 90%;
    /*height : 315px;*/
  }

  .vid2 {
    width: 90%;
    /*height : 245px;*/
  }
}

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