@import 'https://fonts.googleapis.com/css?family=Roboto:100,300,400';
body{
    font-family:  'Roboto', sans-serif;

}

p{
  font-size: 14px;

}
h1, h2, h3 ,h4, h5, h6{
   font-weight: 100;
}

h1{

}
  section{

  }

.lhs{
  position: relative;
  top:0px;
  width:100%;
  height: auto;

  background-color: #444444;
  padding: 5%;
  padding-top:100px;
          background: url(../images/laptop.jpg) no-repeat center center ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.lhsbox{
  text-align: center;
  color:#ffffff;
  background-color: rgba(0,0,0,0.5);
  padding: 10%;
}

.lhsbox>h1,
.lhsbox>h2,
.lhsbox>h3{
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=0, Color=#000000)";/*IE 8*/
text-shadow: 0 2px 4px #000000;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=#000000); /*IE 5.5-7*/
}
.rhs{
  position: relative;
  width:100%;
  min-height: auto; 
  background-color: transparent;

}

.linkbox{
  margin: 10px;
  border:2px solid #cccccc;
  display:block;
}
.bodyblock{
  padding:5%;
/*
background: url(../images/phones.png) no-repeat 100% 100%  ; 
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
*/
}

.cs-feature1{
  background-color: #EF6C00;
  padding: 5%;
  color:#ffffff;
  font-size: 3em;
  font-weight: 100;

}
.cs-feature2{
  background-color: #5e4844;
  padding: 10%;
  color:#ffffff;
  font-size: 4em;

}

  /*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
        
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
            body{

  font-size: 10px;
}

    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {


      body{

  font-size: 12px;
}

.navbar-inner {
    background:transparent;
}


.lhs{
    position: fixed;
    top:0px;
    width:40%;
    height: 100%; 
    float: left; 
  padding: 10%;

}



.rhs{
    position: relative;
    width:60%;
    min-height: 100%; 
    float: right; 

}
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

    }