@media only screen and (max-width: 500px) {
    img{
        max-height:15vh;
    }
}
@media only screen and (max-width: 400px) {
    img{
        max-height:20vh;
        position: relative;
        left: -55px;
        margin-top: 75px;
    }
#hoi{
    margin-top: 5px;
}
    .portfolio-item{
        margin-left: 125px;
    }

    h3{
        font-size: 1.1em;
    }

}
/*voor de telefoon / ipad horizontaal/liggend*/
@media only screen and (orientation: landscape){
    img {
        max-height: 45vh;
        position: relative;
        left: -40px;
        margin-top: 75px;
    }

    #hoi{
        margin-top: 5px;
        margin-left: -30px;
        max-height: 45vh;
    }
    .hoi1{
        margin-left: -30px;
    }
    #groen{
        margin-left: -30px;
    }
    .portfolio-item{
        margin-left: 125px;
    }
}
/*voor de desktop*/
@media screen and (min-width: 900px){

img{
    max-width: 20vh;
    position: relative;
    left: 15px;
    margin-top: 0px;
}
    .portfolio-item{
        margin-left: -15px;
    }
}
/*voor de ipad rechtstaand*/
@media only screen and (min-width: 768px){
    img{
        max-height:10vh;
        position: relative;
        left: -55px;
        margin-top: 75px;
    }
    #hoi{
        margin-top: 75px;
        max-height:10vh;
    }
    .portfolio-item{
        margin-left: 125px;
    }

}
/*voor de destop*/
@media only screen and (min-width: 868px){
    img{
        max-height:15vh;
        position: relative;
        left: 15px;
        margin-top: -75px;
    }
    #hoi{
        margin-top: -75px;
        max-height:15vh;
    }
    .portfolio-item{
        margin-left: 125px;
    }

    #portfolio_IMG_1{
        max-height:55vh;
        position: relative;
        left: -55px;
        margin-top: 75px;
    }
    #portfolio_IMG_2{
        max-height:55vh;
        position: relative;
        left: -55px;
        margin-top: 75px;
    }
    #portfolio_IMG_3{
        max-height:55vh;
        position: relative;
        left: -55px;
        margin-top: 75px;
    }
    #portfolio_IMG_4{
        max-height:55vh;
        position: relative;
        left: -55px;
        margin-top: 75px;
    }
}