@font-face {
	font-family: "FuturaMedium";
	src: url('FuturaMedium.eot'); /* IE9 Compat Modes */
	src: url('FuturaMedium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('FuturaMedium.woff') format('woff'), /* Modern Browsers */
	     url('FuturaMedium.ttf')  format('truetype'); /* Safari, Android, iOS */
	}
@font-face {
	font-family: "FuturaBold";
	src: url('FuturaBold.eot'); /* IE9 Compat Modes */
	src: url('FuturaBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('FuturaBold.woff') format('woff'), /* Modern Browsers */
	     url('FuturaBold.ttf')  format('truetype'); /* Safari, Android, iOS */
	}

.heroimg{
    background-image: url(../images/hero-img.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 850px;
    font-size: 1.1rem;
    color: white;
    font-family:"FuturaMedium";
    text-transform: uppercase;
    letter-spacing: 0.3rem;
}
.navbar .navbar-nav .nav-link{
    font-family:"FuturaMedium";
    text-transform: uppercase;
    font-size: 1rem;
    letter-spacing: 0.1rem;
}
.orangebu{
    background-color: #df4941;
    font-family:"FuturaBold";
    text-transform: uppercase;
    font-size: 1rem;
    letter-spacing: 0.3rem;
    color: #fff;
    border: none;
    border-radius:20px;
    padding: 10px 20px;
}
.orangebu:hover{
    background-color: #c6221a;
}
.threecards{
    box-shadow: 0px 10px 30px -3px rgba(0,0,0,0.1);
    border-radius: 30px;
    font-family:"FuturaMedium";
}
.threecards img{
    width: 130px;
    height: 100px;
}
.threecards .card-title{
    font-family:"FuturaBold";
    text-transform: uppercase;
    font-size:28px;
}

.threecards h4 {
    span {
      width   : auto;
      height  : 80px;   
      position: relative;
      z-index : 1;
      
      &:before {
        content : "";
        position: absolute;
        left    :30%;
        top  : 10px;
        height  : 1px;
        width   : 40%;  /* percentage of the element width*/
        border-bottom:4px solid #df4941;
        margin-top:1.2em; /*move the border below the text*/
      }
    }
  }
.twocards{
    box-shadow: 0px 10px 30px -3px rgba(0,0,0,0.1);
    border-radius: 30px;
    font-family:"FuturaMedium";
    font-size:12px;
}
.twocards .card-title{
    font-family:"FuturaBold";
    text-transform: uppercase;
    font-size:22px;
}
.twocards h4 {
    span {
      width   : auto;
      height  : 80px;   
      position: relative;
      z-index : 1;
      
      &:before {
        content : "";
        position: absolute;
        left    :0;
        top  : 10px;
        height  : 1px;
        width   : 20%;  /* percentage of the element width*/
        border-bottom:4px solid #df4941;
        margin-top:1.2em; /*move the border below the text*/
      }
    }
  }
  .twocards h5 {
    span {
      width   : auto;
      height  : 80px;   
      position: relative;
      z-index : 1;
      
      &:before {
        content : "";
        position: absolute;
        left    :0;
        top  : 10px;
        height  : 1px;
        width   : 60%;  /* percentage of the element width*/
        border-bottom:4px solid #df4941;
        margin-top:1.2em; /*move the border below the text*/
      }
    }
  }
  .ourteam{
    font-family:"FuturaMedium";
  }
  .ourteam p{
    padding: 30px 0px;
  }
  .ourteam h4 {
    font-family:"FuturaBold";
    text-transform: uppercase;
    font-size:22px;
    span {
      width   : auto;
      height  : 80px;   
      position: relative;
      z-index : 1;
      
      &:before {
        content : "";
        position: absolute;
        left    :30%;
        top  : 10px;
        height  : 1px;
        width   : 40%;  /* percentage of the element width*/
        border-bottom:4px solid #df4941;
        margin-top:1.2em; /*move the border below the text*/
      }
    }
  }
  .contact{
    background-image: url(../images/contact-bg.jpg);
    background-size: cover;
  }
 h2 {
    font-family:"FuturaBold";
    text-transform: uppercase;
    font-size:32px;
    letter-spacing: 0.2rem;
    span {
      width   : auto;
      height  : 80px;   
      position: relative;
      z-index : 1;
      
      &:before {
        content : "";
        position: absolute;
        left    :30%;
        top  : 10px;
        height  : 1px;
        width   : 40%;  /* percentage of the element width*/
        border-bottom:4px solid #df4941;
        margin-top:1.2em; /*move the border below the text*/
      }
    }
  }
.maincontent{
    font-family:"FuturaMedium";
    font-size: 1rem;
}
.ourmembers{
    background-color: #ebebeb;
}
.funnel{
    background-color: #ec008c;
    padding-top: 200px;
    padding-bottom: 200px;
}
.funnel h1{
    font-family:"FuturaMedium";
    text-transform: uppercase;
    font-size:56px;
    color: #fff;
}
.reviewlink{
    color: black;
    text-decoration: none;
}
.reviewlink:hover{
    color:#515151;
    text-decoration: none;
}

@media screen and (min-width:992px){
    .navbar .navbar-nav .nav-link{
        padding: 0 .5em;
    }
    .navbar .navbar-nav .nav-item:not(:last-child) .nav-link{
        border-right: 1px solid #fff;
    }
    .sectionone{
        margin-top: -200px;
    }
    
}

@media only screen and (min-width:279px) and (max-width: 992px) {
    .ourteam img{
        width: 100%;
        height: auto;
    }
    .heroimg{
      background-image: url(../images/mobile-hero-img.jpg);
      background-repeat: no-repeat;
      background-size:cover;
      min-height:auto;
      font-size: 14px;
      color: white;
      font-family:"FuturaMedium";
      text-transform: uppercase;
      letter-spacing: 0.2rem;
      padding-top: 20px;
      padding-bottom: 20px;
      text-shadow: 2px 2px 2px #000;
  }
    .heroimg img{
        width: 40%;
        height: auto;
    }
    h2 {
        font-size:26px;
      }
    .twocards h4 {
        span {
          width   : auto;
          height  : 80px;   
          position: relative;
          z-index : 1;
          
          &:before {
            content : "";
            position: absolute;
            left    :0;
            top  : 30px;
            height  : 1px;
            width   : 20%;  /* percentage of the element width*/
            border-bottom:4px solid #df4941;
            margin-top:1.2em; /*move the border below the text*/
          }
        }
      }
   .twocards h5 {
    span {
      width   : auto;
      height  : 20px;   
      position: relative;
      z-index : 1;
      
      &:before {
        content : "";
        position: absolute;
        left    :0;
        top  : 5px;
        height  : 1px;
        width   : 20%;  /* percentage of the element width*/
        border-bottom:4px solid #df4941;
        margin-top:1.2em; /*move the border below the text*/
      }
    }
  }
}