@media screen and (max-width: 1199px) {
  ul.nav.main-nav > li > a {
    color: #9DE4A2;
  }

  ul.nav.main-nav > li:hover > a {
    color: #fff;
  }

  .my-container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.crook-element {
  position: relative;
  min-height: 500px;
  background-color: transparent !important;
  display: block;
}

.crook-bottom-gap-hide {
  position: relative;
}

.crook-bottom-gap-hide:before {
  content: "";
  position: absolute;
  background: #222;
  /*background: pink;*/
  height: 300px;
  width: 100vw;
  top: -300px;
  -webkit-backface-visibility: hidden;
  z-index: 100;
}

.vimeo-bg {
  width: 100vw;
  height: 56.25vw;
  /*Given a 16:9 aspect ratio, 9/16*100 = 56.25;*/
  min-height: 100vh;
  min-width: 177.77vh;
  /*Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow: hidden;
  z-index: 0;
  pointer-events: none;
  background-color: transparent !important;
}

.bg-loader {
  background-image: url(http://localhost/mcp/public_html/img/loader.gif) !important;
  background-image: url(http://mcp.codefire.co.uk/img/loader.gif) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-color: #000 !important;
}

.custom h1, .custom h2, .custom h3, .custom h4, .custom h5 {
  color: #333;
}

.footer-testimonials {
  background: #222;
}

span.testimonial p:first-child {
  font-size: 18px;
  margin-bottom: 0;
  line-height: 16px;
}
span.testimonial p:last-child {
  font-size: 12px;
  margin-bottom: 0;
  line-height: 12px;
  font-weight: bold;
}

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