footer {
    margin-top: 100px;
    background-color: rgb(46, 46, 46);
}



.name {
    font-family: 'Charm', cursive;
    font-size: 3.3vw;
}

.prof {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 1.7vw;
}


/* MEDIA QUERY */
@media(min-width:0px) and (max-width:576px) {
    

    .name {
        font-size: 9vw;
    }

    .prof {
        font-size: 5vw;
    }

    
}

@media (min-width:577px) and (max-width:767px) {

    .name {
        font-size: 8vw;
    }

    .prof {
        font-size: 4vw;
    }

    
}


@media (min-width:768px) and (max-width:991px) {
    .name{
        font-size: 5.5vw;
    }

    .prof{
        font-size: 2.5vw;
    }

    
}


@media (min-width:992px) and (max-width:1199px) {}


@media (min-width:1200px) and (max-width:1399px) {}


@media (min-width:1400px) {}