css/media.css

@media only screen and (max-width:1570px) {
  .slideShow {
    height: 400px;
  }

  .slideShow ul li {
    height: 400px;
  }

  .img-container a img {
    height: 400px;
  }

  .img-container2 a img {
    height: 400px;
  }

  .image1 .context {
    margin: 130px 350px 0 0;
    font-size: 25px;
  }

  .image2 .context {
    margin: 130px 200px 0 0;
    font-size: 25px;
  }

  .context2 {
    margin: 130px 50px 0 300px;
    font-size: 25px;
  }

  .image4 .context {
    margin: 130px 150px 0 100px;
    font-size: 25px;
  }

  .main-nav li {
    margin: 0 40px;
    height: 45px;
    line-height: 45px;
  }
}

@media only screen and (max-width:1370px) {
  .slideShow {
    height: 350px;
  }

  .slideShow ul li {
    height: 350px;
  }

  .img-container a img {
    height: 350px;
  }

  .img-container2 a img {
    height: 350px;
  }

  .image1 .context {
    margin: 120px 300px 0 0;
    font-size: 20px;
  }

  .image2 .context {
    margin: 120px 200px 0 0;
    font-size: 20px;
  }

  .context2 {
    margin: 120px 50px 0 300px;
    font-size: 20px;
  }

  .image4 .context {
    margin: 120px 150px 0 150px;
    font-size: 20px;
  }

  .main-nav li {
    margin: 0 35px;
    height: 45px;
    line-height: 45px;
  }
}