.blog-header-logo {
  font-family: 'Permanent Marker'; sans-serif;
  font-size: 2.5rem;
}

.header-wordmark {
  background-color: rgb(223, 223, 223);
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
}

.blog-footer-title {
  font-family: 'Permanent Marker'; sans-serif;
  font-size: 2.25rem;
}

.header-links {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
}

* {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
  }

div.jumbotron span {
  /* color: #df702c; */
  background-color: rgba(204, 204, 204, 0.5);
}

.iframe-container {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}

.iframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}

.iframe-container-4-3 {
  overflow: hidden;
  padding-top: 75%;
  position: relative;
}

.iframe-container-4-3 iframe {
   border: 0;
   height: 80%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}

.pdf-holder object {
  // generally this will be set on the col holding the object tag;
  width: 80%;
  min-height: 600px
}

.drive-port {
  /* something to constrain letterboxing on video? */
}

.iframe-div-container {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
    cursor: pointer;
}

.iframe-div-container-null {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
}

.iframe-overlaid {
  position: absolute;
  padding-top: 2.5%;
  z-index: 0;
  visibility: hidden;
}

.iframe-overlaid iframe {
  overflow: hidden;
  top: 0;
  width: 100%;
}

.iframe-loaded {
  z-index: 3;
  overflow: hidden;
  position: absolute;
  padding-top: 2.5%;
  visibility:visible;
  min-height: 240px;
  /* width: 80%; */
  /* height: 52%; */
}

.iframe-img {
  display: block;
  z-index: 1;
  position: relative;
  width: 100%;
}

.iframe-img-hidden {
  visibility: hidden;
}

.closer {
  visibility: visible;
  position: absolute;
  z-index: 4;
  width: 9%;
  cursor: pointer;
  color: white;
  padding-top: 2%;
  padding-left: 2%;
}

.closer-hidden {
  visibility: hidden;
  position: absolute;
  width: 5%;
  z-index: 0;
}

.fade-out {
  animation: fadeOut ease forwards .5s;
  -webkit-animation: fadeOut ease forwards .5s;
  -moz-animation: fadeOut ease forwards .5s;
  -o-animation: fadeOut ease forwards .5s;
  -ms-animation: fadeOut ease forwards .5s;
}

@keyframes fadeOut {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}

@-moz-keyframes fadeOut {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}

@-webkit-keyframes fadeOut {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}

@-o-keyframes fadeOut {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}

@-ms-keyframes fadeOut {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}