@media screen and (max-width: 600px){
    main.pers div.gallery div.left{
        margin-left: 0vw !important; 
    }
}

main.pers div.gallery{
    margin: 10px 50px;
}

main.pers div.gallery img{
    transition: 1s;
    padding: 15px;
    width: 90px;
    height: 90px;
}

main.pers div.video{
    margin: 10px 50px;
}

main.pers div.video img{
    padding: 15px;
    width: 90px;
    height: 90px;
}

main.pers div.gallery img:hover{
    filter: grayscale(100%);
    transform: scale(1.1);
}

main.pers h1 {
    font-size: 1.2rem;
    text-transform: uppercase;
    letter-spacing: 6px;
    margin-top: 5vh;
}

main.pers div.gallery{
    text-align: center;
}

main.pers div.gallery div.left{
    text-align: left;
    margin-left: 3vw; 
}

main.pers div.video{
    text-align: center;
}

main.pers div.video div.left{
    text-align: left;
    margin-left: 3vw; 
}

main.pers hr:last-of-type{
    margin-top: 5vh;
    margin-bottom: 5vh;
}

main.pers div.foto img{
    margin-bottom: 5vh;
}

@media screen and (min-width: 500px){
    main.pers div.gallery img{
        width: 140px;
        height: 140px;
    }

    main.pers div.video img{
        width: 140px;
        height: 140px;
    }

    main.pers h1 {
        font-size: 1.8rem;
    }
}

@media screen and (min-width: 1100px){
    main.pers{
        width: 80vw;
        margin-left: auto;
        margin-right: auto;
    }    
}