.header-logo {
  /*padding-left: 1%;
  padding-right: 1%;*/
  margin-bottom: -40px;
}

.header-logo img {
  max-width: 605px;
  width: 100%;
}

.fancybox-dialog-contents {
  display: none;
  max-width: 800px;
  overflow: auto;
}

.pricing-section {
  margin: 50px 0;
}

@media(min-width:768px) {
  .pricing-section {
    padding: 0 50px;
  }
}

/*
  Adds an offset to an anchor target to prevent the fixed navigation bar from
  covering up the target's content. The margin and padding size should be
  adjusted if the navigation bar size is ever changed.
*/
.anchor-target:before {
  content: "";
  display: block;
  margin-top: -70px;
  padding-top: 70px;
}

/*
  A video container that will automatically scale the width and height according
  to 16:9 ratio. The frame must contain exactly one <iframe> that embeds the
  video.
*/
.video-frame {
  height: 0;
  margin: 2em 0;
  max-width: 1280px;
  padding-bottom: 56.25%; /* 9 height / 16 width */
  position: relative;
}

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