/** Footer **/
footer {
    width: 100%;
    background-color: #BF0000;
    margin-top: 3em;
    
    padding: 0.5rem 4rem;
    /**box-shadow: 0px 0px 8px 4px grey;**/

    position: relative;
}

@media screen and (min-width: 500px) {
    footer:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
        border-left: 60px solid transparent;
        border-right: 200px solid transparent;
        border-top: 30px solid #fbfbfb;
    }
}
footer p,
footer a{
    padding: 0;
    margin: 0;
    color: #ddd;
}


footer a:hover{
    color: white;
}