@charset "UTF-8";
/* DEFAULT */
@media only screen {
  .auto-service {
    height: 80px;
    width: 120px;
  }
  .automakers {
    margin: 6px 20px;
  }
  .repair {
    margin: 10px;
  }
  .repair-pic {
    height: auto;
    max-width: 150px;
    width: 10vw;
  }
  #ase {
    float: right;
    margin: 0 0 10px 20px;
    max-width: 299px;
    width: 25vw;
  }
  #ase-pic {
    height: auto;
    max-width: 299px;
    width: 25vw;
  }
  #bg1 {
    background: url("../images/bg1.jpg") no-repeat 50% 50%;
    background-size: cover;
    height: 50vw;
  }
  #grid1 {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
  }
  #tim-hall {
    float: left;
    margin: 0 20px 10px 0;
    max-width: 200px;
    width: 20vw;
  }
  #tim-pic {
    height: auto;
    max-width: 200px;
    width: 20vw;
  }
}
/* MEGAPIXEL */
@media only screen and (min-width: 2001px) {}
/* DESKTOP */
@media only screen and (max-width: 2000px) {}
/* MOBILE */
@media only screen and (max-width: 700px) {
  .repair-pic {
    width: 20vw;
  }
  #grid1 {
    display: grid;
    grid-template-columns: 50% 50%;
  }
    #systems {
        float: none;
        margin: 0 0 0 -20px;
        padding: 10px;
        width: 76vw;
    }
}