@media only screen and (max-width: 1200px) {
  .slide-item > div:first-child { height:450px; }
  .services { grid-template-columns: repeat(4, 1fr); }
  .bg-header{height:200px;}
}

@media only screen and (max-width: 992px) {
  .slide-item > div:first-child { height:400px; }
  .services{ grid-template-columns: repeat(2, 1fr); }
  .page-content{padding-top:50px;}
  .bg-header{height:170px;}
}

@media only screen and (max-width: 768px) {
  .slide-item > div:first-child { height:350px; }
  .services { grid-template-columns: repeat(2, 1fr); } /* still 2 columns */
  .service-row{margin:30px auto;}
  .text-slide{top:50%;left:50%;transform:translate(-50%,-50%);width:90%;}
  .blog-row,.tiny-service {grid-template-columns: repeat(2, 1fr);}
  .services > div:first-child{margin-top:0px;}
  .bg-header{height:140px;}
}

@media only screen and (max-width: 600px) {
  .slide-item > div:first-child { height:300px; }
  .services { grid-template-columns: 1fr; } /* 1 column */
  .about-row{ grid-template-columns: 1fr;}
  .bg-header{height:110px;}
}

@media only screen and (max-width: 400px) {
  .slide-item > div:first-child { height:250px; }
  .services { grid-template-columns: 1fr; }
  .blog-row,.tiny-service {grid-template-columns: 1fr;}
  .bg-header{height:80px;}
}

@media only screen and (max-width: 250px) {
  .slide-item > div:first-child { height:200px; }
  .services { grid-template-columns: 1fr; }
  .bg-header{height:50px;}
}