body, html {
    height: 100%;
    margin: 0;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    color: #fff;
    min-width: 400px;
}

body {
    background-image: url('../img/png/background-tile.png');
    background-size: 200px;
    background-repeat: repeat;
    background-color: rgba(0,0,0,.91);
    overflow-y:hidden;
}

header {
    margin: 50px;
    min-width: 400px;
}

header > img {
    width: 350px;
    color: #88001B;
}

.container-centre {
    text-align: center;    
}

.container-social-media {
    display: inline-block;
    width: 400px;    
}

#hero-image {
    width: 70vw;
    margin: 50px auto;
}

.icon {
    width: 40px;
    padding: 20px;
    margin: auto;
}

.icon:hover {
    transform: scale(1.2);
}

a {
    text-decoration: none;
    color: inherit;
}

.icon .cls-1 {    
    fill: #ffffff;
}
.icon .cls-2 {    
    fill: red;
}

/* inverse red hover */
.icon:hover .cls-1 {    
    fill: red;
}
.icon:hover .cls-2 {    
    fill: #ffffff;
}

@media only screen and (min-width: 768px)
{

    #hero-image {
        width: 70vw;
        max-height: 50vh;
    }
}