@charset "UTF-8";
/* DEFAULT */
@media only screen {
  article {
    margin-bottom: 60px;
  }
  .article-item {
    border: 2px solid #FF00FF;
    border-radius: 10px;
    padding: 1px 2vw;
  }
  .featured-article {
    border: 2px solid #FF00FF;
    border-radius: 10px;
    margin-bottom: 20px;
    padding: 1vw 2vw;
  }
  #article-index {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(5, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-bottom: 60px;
  }
  #blog {
    background: url("/images/accent.jpg") no-repeat 50% 50%;
    background-size: cover;
    height: 7vw;
  }
  #callnow {
    border-bottom: 2px solid #FF00FF;
  }
  #bottomcta {
    margin-bottom: 60px;
  }
}
/* MEGAPIXEL */
@media only screen and (min-width: 1921px) {}
/* DESKTOP */
@media only screen and (max-width: 1920px) {}
/* LAPTOP */
@media only screen and (max-width: 1280px) {
  #article-index {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(7, 1fr);
  }
}
/* TABLET */
@media only screen and (max-width: 1024px) {
  #article-index {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(10, 1fr);
  }
}
/* MOBILE */
@media only screen and (max-width: 768px) {
  #article-index {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(20, 1fr);
  }
}