.Footer {

    color: #f7f0f0;

    background-color: black;

    background-repeat: repeat;  

    align-items: center;

    display: flex;

    justify-content: space-between;

    padding: 2vh;

    box-shadow: 0px -7px 12px 0px rgba(0,0,0,0.75);

    z-index: 3;

}



.Info{

    font-size: 1.5vw;

    width: 30vw;

}



.Name{

    font-size: 2vw;

    text-align: center;

    width: 30vw;

}



.Copyright{

    font-size: 1.5vw;

    text-align: right;

    width: 30vw;

}



.FooterNavigation{

    display: flex;

    justify-content: space-around;

    align-items: center;

    width: 100%;

    height: 4vw;

}



.FooterButtons{

    background-color: black;

    cursor: pointer;

    height: 4vw;

    width: 12vw;

    color: #f7f0f0;

    font-size: 1.5vw;

    text-align: center;

    align-items: center;

    display: flex;

    justify-content: center;

    box-shadow: 0px 0px 33px 3px rgba(0,0,0,0.75);

    transition: 350ms;

}



.FooterButtons:hover{

    background-color: #404040;

}





#Prev{

    width: 2.5vw;

    height: 2.5vw;

    transform: rotate(-90deg)

}



#next{

    width: 2.5vw;

    height: 2.5vw;

    transform: rotate(90deg)

}



a{

    text-decoration: none;

}



.HitCounter{

    display: flex;

    color: #f7f0f0;

    text-shadow: 4px 4px 8px rgba(0, 0, 0, 1);

    font-size: 3vw;

    width: 20vw;

    justify-content: center;

    align-items: center;

    margin-left: auto;

    margin-right: auto;

    margin-top: 2.5vw;

}



@media screen and (max-width: 600px){



    .Desktop{

        display: none;

    }



    .FooterNavigation{

        margin-top: 8vw;

    }



    .FooterButtons{

        width: 28vw;

        height: 10vw;

        font-size: 4vw;

    }



    #Prev{

        width: 6vw;

        height: 6vw;

        transform: rotate(-90deg)

    }



    #next{

        width: 6vw;

        height: 6vw;

        transform: rotate(90deg)

    }



    .MobileFooter{

        display: flex;

        margin-left: auto;

        margin-right: auto;

        font-size: 5vw;

        text-align: center;

    }



    .HitCounter{

    font-size: 8vw;

    margin-top: 8vw;

}

}

/* Background pattern from Toptal Subtle Patterns */