@import "../components/Headers/defaultHeader.css";
@import "../components/filters.css";
@import "../components/preview-boxes.css";
@import "../components/3-cell-grid.css";


/* Big Laptops - Ok until 1441 px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1620px) {

}

/* Standard Laptops - Ok until 1281px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1440px) {

}

/* Small Laptops - Ok until 1151px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1279px) {
    #news-archive .three-col-grid {
        grid-column-gap: 3.125vw;
        grid-row-gap: 3.125vw;
    }
}

/* Small Laptops - Ok until 993px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1150px) {
}

/* Mobile Start ok until 768px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 992px) {
    #news-archive .three-col-grid {
        grid-template-columns: 1fr 1fr 1fr;
    }
    #news-archive .three-col-grid {
        grid-row-gap: 40px;
        grid-column-gap: 15px;
    }
}

/* Mobile Landscape
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
    #blog-filters {
        margin-right: -1em;
    }
    #blog-filters {
        overflow-x: hidden;
    }

    #news-archive .three-col-grid {
        grid-template-columns: 1fr 1fr;
    }
    #news-archive .three-col-grid .cell-content {
        padding: 20px;
    }
}

/* Mobile port
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 600px) {
    #news-archive .three-col-grid {
        grid-template-columns: 1fr;
    }

    #news-archive .three-col-grid .cell-img {
        height: 90.167vw;
        max-height: 385px;
    }
}