.repair{
    height: 400px;
    margin: 0%;
    background-image: url(../images/buy.jpg);
    
}
.repair h1{
    margin: 0%;
    line-height: 400px;
    font-size: 70px;
    color: white;
    text-align: center;
}

.le{
    width: 48%;  
    float: left;
    height: 600px;
    background-color: white;
}
.text{
    padding: 70px;
    text-align: left;
    font-family: sans-serif;
}
.le h1{
    margin: 0%;
    padding: 20px;
    text-align: center;
    color: rgb(255, 123, 0);
}
.touch{
    width: 50%;
    float: left;
    height: 600px;
    background-color: rgb(70, 70, 70);
}
.touch h1{
    padding-top: 20px;
    padding-left: 20px;
    color: white;
}
.buy{
    height: 600px;
    background-color: rgb(70, 70, 70);
}
  
  .menu2{
    width: 50%;
    float: left;
  }
  .menu2 a{
    text-decoration: none;
    color: white;
    display: block;
    padding: 20px;

    text-align: left;
  }
  .menu2 i{
    padding: 10px;
  }
  .menu3{
    width: 50%;
    float: left;
  }
  .menu3 i{
    padding: 10px;
  }
  .menu3 a{
    text-decoration: none;
    color: white;
  }
@media only screen and (max-width:900px) {
    .buy{
        height: 1100px;
    }
    .le{
        width: 100%;
        height: 600px;
    }
    .text{
        width: 90%;
        padding: 15px;
    }
    
      
    .touch{
        height: 600px;
        width: 100%;
        
        color: white;
        font: 1em sans-serif;
       float: none;
    }
    .touch h1{
        padding-top: 20px;
        padding-left: 20px;
    }
}