.leaderboard-custom {
    background-color: #bd3d4a;
    color:#ffe4e7;
}

.leaderboard-custom-2 {
    background-color: #ffe4e7;
    color: #270000;
}

.central {
    background-color: #DE3C4B;
    background-image:  linear-gradient(#DE3C4B, #f04b59);
}

.sides {
    background-color: #fff4f6;
}

.rusty-red {
    background-color: #443436;
}

.avatar {
    max-width: 200px;
}

.flag {
    max-width: 50px;
}

.stats {
    font-size: 18px;
}

.username {
    font-size: 23px;
}

.caption {
    color: #1a1313;
}

.gif {
    max-width: 280px;
}


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 300px) {
    .avatar {
        max-width: 80px;
    }

    .flag {
        max-width: 30px;
        padding-top: 1px;
    }

    .stats {
        font-size: 10px;
        padding-top: 1px;
        margin-bottom: 0px;
        font-family: 'Lato', sans-serif;
    }
    
    .username {
        padding-top: 3px;
        font-size: 15px;
        font-family: 'Lato', sans-serif;
    }
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (min-width: 300px) {
    .avatar {
        max-width: 100px;
    }

    .flag {
        max-width: 50px;
        padding-top: 1px;
        padding-top: 1px;
    }

    .stats {
        font-size: 15px;
        margin-bottom: 0px;
        font-family: 'Lato', sans-serif;
    }
    
    .username {
        font-size: 22px;
        font-family: 'Lato', sans-serif;
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .avatar {
        max-width: 125px;
    }

    .flag {
        max-width: 60px;
    }

    .stats {
        font-size: 21px;
        margin-bottom: 0px;
        font-family: 'Lato', sans-serif;
    }
    
    .username {
        font-size: 27px;
        font-family: 'Lato', sans-serif;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .avatar {
        max-width: 135px;
    }

    .flag {
        max-width: 60px;
    }

    .stats {
        font-size: 21px;
        margin-bottom: 0px;
        font-family: 'Lato', sans-serif;
    }
    
    .username {
        font-size: 27px;
        font-family: 'Lato', sans-serif;
    }

}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

}