@media only screen and (min-width: 1166px) and (max-width: 1365px) {
    .projects #content div:nth-child(6) h4 {
        font-size: 25px;
    }
}
@media only screen and (min-width: 976px) and (max-width: 1165px) {
    #nav ul li {
        font-size: 15px;
    }
    .press #content div img {
        height: 21vh;
    }
    .projects #content div:nth-child(3) h4 {
        left: -10%;
    }
    .projects #content div:nth-child(6) h4 {
        font-size: 21px;
    }
    .projects #content div:nth-child(9) div {
        right: 0;
    }
}
@media only screen and (max-width: 975px) {
    body {
        font-size: 17px;
    }
    .main {
        grid-template-rows: 85px 1fr 45px;
    }
    #header {
        grid-template-columns: auto auto;
        padding: 0 15px;
        height: 85px;
    }
    #content { padding: 15px; padding-bottom: 0; height: 100%; }
    h1, h3 { font-size: 25px; }
    h2 { font-size: 15px;}
    h4 { font-size: 17px; }
    .toggle, #nav ul li { display: block; }
    #menu {
        display: none;
        position: absolute;
        right: 0;
        top: 85px;
        width: 100vw;
        text-align: center;
    }
    #nav ul li {
        font-size: 17px;
        color: #1d1d1d;
    }
    /*	.slider-one { background-image: url(../images/mob/01.jpg); }
        .slider-two { background-image: url(../images/mob/02.jpg); }
        .slider-three { background-image: url(../images/mob/03.jpg); }
        .slider-four { background-image: url(../images/mob/04.jpg); }
        .slider-five { background-image: url(../images/mob/05.jpg); }
        .slider-six { background-image: url(../images/mob/06.jpg); }
        .slider-seven { background-image: url(../images/mob/07.jpg); }
    */
    /* about */
    .about #content {
        grid-template-columns: auto;
        grid-template-rows: 25px auto 1fr 1fr;
    }
    .about #content div:nth-child(2), .about #content div:nth-child(3), .about #content div:last-child {
        grid-column: auto;
    }
    .about #content div:last-child {
        padding: 35px 25px;
    }
    /* projects */
    .projects #content {
        grid-template-columns: auto;
        grid-template-rows: 35px 55px 1fr 55px 1fr 55px 1fr;
        row-gap: 0;
    }
    .projects #content h3,
    .projects #content div:nth-child(2),
    .projects #content div:nth-child(4),
    .projects #content div:nth-child(7),
    .projects #content div:nth-child(8),
    .projects #content div:nth-child(9) {
        grid-column: 1;
        border: 0;
    }
    .projects #content div:nth-child(3) h4 {
        position: inherit;
        transform: none;
        top: auto;
        left: auto;
    }
    .projects #content div:nth-child(5) {
        background-color: #93cddd;
    }
    .projects #content div:nth-child(5) h4 {
        display: block;
    }
    .projects #content div:nth-child(6){
        grid-row: 2;
    }
    .projects #content div:nth-child(6) h4 {
        position: inherit;
        padding-top: 0;
    }
    .projects #content div:nth-child(7),
    .projects #content div:nth-child(9) {
        display: none;
    }
    .projects #content div:nth-child(3),
    .projects #content div:nth-child(5),
    .projects #content div:nth-child(6) {
        border-top: 15px solid white;
        padding-top: 9px;
    }
    /* press */
    .press #content {
        grid-template-columns: auto;
        grid-template-rows: auto;
    }
    .press #content h3 {
        grid-column: 1;
    }
    /* contact */
    .contact #content {
        grid-template-columns: auto;
        grid-template-rows: 35px auto 1fr;
    }
    .contact #content div:last-child {
        grid-column: auto;
        grid-row: auto;
    }
/* end contact */
}