/* notebook */
@media screen and (max-width: 1440px) {
    .grid {
        height: 190px;
    }

    #gallery {
        margin-top: 190px;
        padding-bottom: 190px;
    }
    .grid {
        font-size: 20px;
    }


}

/* smaller notebook / ipad pro */
@media screen and (max-width: 1024px) {
    .grid {
        height: 170px;
    }

    #gallery {
        margin-top: 170px;
        padding-bottom: 170px;
    }
    .grid {
        font-size: 15px;
    }

}

/* small ipad pro */
@media screen and (max-width: 834px) {

    .title {
        display: none;
    }

    .intro {
        width: calc(50% - 20px);
    }

    .contact {
        width: calc(50% - 20px);
    }
    .grid {
        font-size: 20px;
    }



}

/*ipad*/
@media screen and (max-width: 768px) {


    #gallery ul li {

    }
}

/*mobile phone*/
@media screen and (max-width: 500px) {
    .grid {
        font-size: 14px;
    }

    #gallery ul li {

        width: calc(100% / 3 - 5px);
    }
    .grid {
        height: 120px;
    }

    #gallery {
        margin-top: 120px;
    }

}


/* iphone se , 5s */
@media screen and (max-width: 320px) {
    #gallery ul li {

        width: calc(100% / 3 - 5px);
    }

}