body {
    font-family: 'Lato', sans-serif;
    background-color: #353535;
}

.dark-background {
    background-color: #03070f;
}

.text-light {
    font-weight: 300;
    text-transform: none !important;
}

a:link,a:visited,a:active {
    color: #757575;
}

#facebook:hover {
    color: #3b5998;
}

#instagram:hover {
    color: #c32aa3;
}

#twitter:hover {
    color: #1da1f2;
}

#discord:hover {
    color: #7289da;
}

#twitch:hover {
    color: #6441a4;
}

#youtube:hover {
    color: #ff0000;
}

#reddit:hover {
    color: #ff4500;
}

#steam:hover {
    color: #c7d5e0;
}

@media (max-width: 575.98px) {
    h1 {
        font-size: 40px !important;
    }
    #social-link a {
        font-size: 12px !important;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    h1 {
        font-size: 45px !important;
    }
    #social-link a {
        font-size: 15px !important;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    h1 {
        font-size: 55px !important;
    }
    #social-link a {
        font-size: 17px !important;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    h1 {
        font-size: 65px !important;
    }
    #social-link a {
        font-size: 20px !important;
    }
}

@media (min-width: 1200px) {
    h1 {
        font-size: 75px !important;
    }
    #social-link a {
        font-size: 20px !important;
    }
}