.work  header.stepfree {
  background-image: url("../img/ste-hero.jpg");
}

.work header.stepfree .stepfree-logo {
  width: 60%;
  height: 50%;
  margin: 0 auto;
  margin-top: 100px;

}
.work header.stepfree .stepfree-logo img {
  width: 100%;
}


.work .stepfree  article {
  display: block;
  width: 100%;
  overflow: hidden;

}

.work .stepfree.content article h1 {
  float: left;
  font-family: 'nexabold';
  text-transform: uppercase;
  font-size: 1em;
  color: #F79329;

  /*margin-left:80px;*/
  margin: 20px auto;
  width: 100%;
  letter-spacing: 0.1em;
  text-align: center;
}
.work .stepfree.content article h1:after {
  position: absolute;
  display: block;
  width: 80px;
  left: 50%;
  margin-left: -40px;
  height: 3px;
  background: #9D9C9A;
  content: "";
  margin-top: 5px;
}

.work .stepfree.content article p {
  position: relative;
  width: 80%;
  margin: 20px auto;

  /*margin-left: 80px;*/

  text-align: center;
  line-height: 1.5em;
  font-size: 1.125em;
  font-family: "nexabold";
}



.work .stepfree.content article div.img {
  width: 100%;

  background-size:cover;
  background-position:center center;
}
.work .stepfree.content article div#ste-stephy {

} 


.stepfree #sliderbar-1 {

  background-color: #979797;
}
.stepfree #sliderbar-2 {
  position:relative;
    background-color: #ea2127;
}
.stepfree #sliderbar-3 {
	color:#9D9C9A;
  position:relative;
    background-color: #fff;
}
#sliderbar-3 .text-content p{
	color:#9D9C9A;
}
.stepfree #sliderbar-2 article {
  padding-top: 50px;
}
.stepfree #sliderbar-2 p {
  font-size: 1.125em;
  font-family: "nexabold";
  
}
.stepfree #sliderbar-2 img {
  width: 25%;
  max-width:200px;
  position: absolute;
  bottom:0;
  display: none;
}

.stepfree #sliderbar-2 img.ste-nexus {
  right:10%;
}
.stepfree #sliderbar-2 img.ste-iphone {
  right:25%;
}

.stepfree #exe {
 background-color: #f9f9f9;
 width: 100%;
 overflow: hidden;
}

.stepfree #exe .image-content {
  margin-bottom: -2px;
}

.work footer.stepfree {

}


@media (min-width: 601px) and (max-width: 770px) {
}
@media (min-width: 771px) {
.work .stepfree.content article div#ste-free {
  width: 65%;
}
      .work  header.stepfree h1 {
        margin-top: 250px;
      }
    .stepfree #sliderbar-2 img {display: block;}
    .stepfree #sliderbar-2 article {
      padding-top: 0px;
    }

      .work .stepfree .figure {
        width: 100%;
      }

      .work .stepfree article {
        display: block;
        width: 100%;

        margin-bottom: 0;

      }
      
       .work .stepfree.content article h1 {
        width: 30%;
        float: left;
        font-family: 'nexabold';
        text-transform: uppercase;
        font-size: 1em;
        color: #F79329;
		  font-size: 1.5em;
        /*margin-left:80px;*/
        margin-left: 5%;
        margin-top: 50px;
        letter-spacing: 0.1em;
        text-align: left;
      }

      .work .stepfree.content article h1:after {
        position: absolute;
        margin-top: 5px;
         left: auto;
         margin-left: 0;
      }

      .work .stepfree.content article p {
        position: absolute;
        width: 40%;
        margin-top: 130px;
        /*margin-left: 80px;*/
         margin-left: 5%;
        text-align: left;
        line-height: 1.5em;
      }

      .work .stepfree.content article p.right {
        left: 50%;
      }

      .work .stepfree.content article div.img {
        width: 50%;
        height: 100%;
      }
      .work .stepfree .left {
        float: left;
       
      }
      .work .stepfree .right {
        float: right;

      }



}