/* Code by Dragon */

.socials {
    margin: 0 5%;
    display: flex;
}

.socials a { margin: 0 10px; }

.events { flex: 0 35%; }

.events img { width: 100%; }

.facebook, .twitch { border-radius: 10px; flex: 1; }

.facebook {
    background: #3b579d url("/images/facebook.png") 70% 100% no-repeat;
    background-size: auto 80%;
}
.facebook:hover { background-color: #4668bd; }

.twitch {
    background: #9047ff url("images/twitch.png") center no-repeat;
    background-size: auto 80%;
}
.twitch:hover { background-color: #a569ff; }

@media ( max-width: 850px ) {
    .socials { flex-direction: column; }
    .socials a { margin: 10px 10px; }
    .facebook, .twitch { height: 60px; flex: auto; }
    .events img { display: block; margin: auto; width: 50%; }
}