@media (min-width:350px) and (max-width:800px){
  *{
    margin:0px;
    padding:0px;
  }

  body{
    /* background:red; */
  }

  header{
    height:150px;
    font-size:20px;
    color:white;
    background:black;
    /* border:3px solid red; */

  }

  .header-wrapper{
    height:99%;
    /* border:1px solid white; */
  }

  .header-logo{
    float: left;
    height:99%;
    width: 15%;
    /* border:1px solid white; */
  }

  p{
    margin:20px;
    font-size: 20px;
    font-weight: bold;
  }

  .service-section{
    height:auto;
    /* border:1px solid black; */
  }

  .service-wrapper{
    height:auto;
    /* border:4px solid red; */
  }

  .service{
    width:100%;
    height:500px;
    /* border:1px solid black; */
    border-radius:300px;

  }


  .service-image{
    height:500px;
    display: grid;
    place-items:center;
    /* border:1px solid black; */
  }

  .service-title{
    color:black;;
    height:100px;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    display: grid;
    place-items:center;
    /* border:1px solid black; */

  }

  .header-logo{
    display: grid;
    place-items:center;
  }

}