footer{
      color: #7677A3;
      right: 0;
      bottom: 0;
      left: 0;
      padding: 1.5rem;
      background-color:#E78717;
      text-align: center;
      padding: 5px;
}
li{
	display: inline;
}
hr {
    border: 0;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #ccc, #333, #ccc);
}

.title-area{
  background: red;
}
.heroimg{
  border:1px solid #CECECE;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #cccccc;
  background-image: url("img/step_16.jpg");
  /*margin-left: 165px;*/
  margin-top: 20px;
}
.img1{
  margin-left: 0px;
  background: lightblue;
  margin-top: 20px;
}
h6{
  margin-left: -30px;
}
.font{
  /*margin-left: 0px;*/
 /* color: #030217;*/
  font-size: 35px;
}
p{
  margin-right: 
}


@media only screen and (max-width:880px){
  .mar{
    width: 400px; 
    margin-left:0px;
  }

}