/*
 * Globals
 */
/* Links */
a,
a:focus,
a:hover {
  color: #2FACEC; }

/* Custom default button */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
  color: white;
  text-transform: uppercase;
  text-shadow: none;
  /* Prevent inheritance from `body` */
  background-color: #F15D22;
  border: .05rem solid #fff;
  margin: 0px auto; }
  .btn-secondary:hover,
  .btn-secondary:hover:hover,
  .btn-secondary:focus:hover {
    background-color: #2FACEC; }

/*
 * Base structure
 */
html,
body {
  height: 100%;
  background-color: #2FACEC;
  font-family: "Open Sans", sans-serif; }

h1{
  font-family: "Open Sans Condensed", sans-serif;
  color: #FFFFFF;
	 text-shadow: -3px -3px 0 #000, 3px -3px 0 #000, -3px 3px 0 #000, 1px 1px 0 #000;
  text-transform: uppercase; }
h2, h3 {
  font-family: "Open Sans Condensed", sans-serif;
  color: #39358B;
  text-transform: uppercase; }

h1 {
  line-height: 1; }
  h1 {
    font-size: 25px; }
    @media screen and (min-width: 1024px) {
      h1 {
        font-size: calc(25px + 60 * ((100vw - 1024px) / 576)); } }
    @media screen and (min-width: 1600px) {
      h1 {
        font-size: 85px; } }
  h1 .big {
    line-height: 1; }
    h1 .big {
      font-size: 60px; }
      @media screen and (min-width: 1024px) {
        h1 .big {
          font-size: calc(60px + 45 * ((100vw - 1024px) / 576)); } }
      @media screen and (min-width: 1600px) {
        h1 .big {
          font-size: 105px; } }
  @media screen and (max-width: 900px) and (max-height: 500px) {
    h1 {
      transform: scale(0.9); } }

h2.title {
  line-height: 1;
  margin-bottom: 2.5vw; }
  h2.title {
    font-size: 30px; }
    @media screen and (min-width: 1024px) {
      h2.title {
        font-size: calc(30px + 15 * ((100vw - 1024px) / 576)); } }
    @media screen and (min-width: 1600px) {
      h2.title {
        font-size: 45px; } }
  @media screen and (max-width: 600px) {
    h2.title {
      text-align: center !important;
      display: block; } }

p.lead {
  line-height: 1; }
  p.lead {
    font-size: 28px; }
    @media screen and (min-width: 1024px) {
      p.lead {
        font-size: calc(28px + 12 * ((100vw - 1024px) / 576)); } }
    @media screen and (min-width: 1600px) {
      p.lead {
        font-size: 40px; } }

.cover-container {
  max-width: 100%;
  width: 100%;
  display: block;
  background: url("../img/Insta-Grip Top.jpg") center center no-repeat;
  background-size: cover;
  background-position: center 45%; }
  .cover-container main.inner {
    max-width: 1060px;
    margin: 0px auto 2vw;
    display: block;
    text-align: right;
    width: 100%; }
    .cover-container main.inner p {
      text-transform: uppercase; }
    @media screen and (max-width: 600px) {
      .cover-container main.inner {
        margin: 145px auto 10px; } }
.rev {
	color: coral;
	font-weight: bold;
}
span.blue {
  color: #211D70;
  font-weight: bold; }

/*
 * Header
 */
.masthead {
  margin-bottom: 2rem;
  text-align: left; }
  .masthead img.logo {
    max-width: 240px;
    display: block;
    position: absolute;
    top: 50px;
    left: 5%; }
    @media screen and (max-width: 900px) and (max-height: 500px) {
      .masthead img.logo {
        top: 20px;
        left: 20px;
        max-width: 140px; } }
    @media screen and (max-width: 600px) {
      .masthead img.logo {
        top: 20px;
        max-width: 180px; } }

@media screen and (max-width: 900px) and (max-height: 500px) {
  .h-75 {
    height: 80% !important; } }
@media screen and (max-width: 600px) {
  .h-75 {
    height: auto !important;
    background-position: 23% 14%;
    background-size: 100%;
    background-color: #DFDAD7; } }

.masthead-brand {
  margin-bottom: 0; }

.nav-masthead .nav-link {
  padding: .25rem 0;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.5);
  background-color: transparent;
  border-bottom: .25rem solid transparent; }

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  border-bottom-color: rgba(255, 255, 255, 0.25); }

.nav-masthead .nav-link + .nav-link {
  margin-left: 1rem; }

.nav-masthead .active {
  color: #fff;
  border-bottom-color: #fff; }

@media (min-width: 48em) {
  .masthead-brand {
    float: left; }

  .nav-masthead {
    float: right; } }
/*
 * Cover
 */
.cover {
  padding: 0 1.5rem; }

.cover .btn-lg {
  padding: .75rem 1.25rem;
  font-weight: 700; }

/*
 * Footer
 */
.mastfoot {
  color: rgba(255, 255, 255, 0.5); }

div.container.mainContent {
  background: white;
  display: block;
  padding: 4%;
  border-radius: 5px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4);
  margin-top: -50px;
  text-align: left;
  margin-bottom: 50px;
  max-width: 1330px; }
  div.container.mainContent img {
    width: 100%;
    display: block; }
  div.container.mainContent div.col h3 {
    color: #211D70; }
    div.container.mainContent div.col h3 {
      font-size: 15px; }
      @media screen and (min-width: 1024px) {
        div.container.mainContent div.col h3 {
          font-size: calc(15px + 10 * ((100vw - 1024px) / 576)); } }
      @media screen and (min-width: 1600px) {
        div.container.mainContent div.col h3 {
          font-size: 25px; } }
  div.container.mainContent div.images img {
    margin: 20px auto;
    max-width: 300px;
    display: block; }
  @media screen and (max-width: 600px) {
    div.container.mainContent {
      margin-top: 0px; } }

.red {
  color: red; }

img.leftFloat {
  position: fixed;
  left: 0px;
  bottom: 0px;
  width: 20%;
  z-index: 5000; }

div.spacer {
  display: block;
  height: 3vw; }

@media screen and (max-width: 600px) {
  div.row {
    display: block !important; }

  div.col-8, div.col-4, div.col-6 {
    width: 100% !important;
    max-width: none !important;
    display: block;
    float: none !important;
    clear: both !important; } }
@media screen and (max-width: 900px) and (max-height: 500px) {
  div.youTube iframe {
    height: 200px !important; } }
@media screen and (max-width: 600px) {
  div.youTube iframe {
    height: 200px !important; } }