@media (max-width: 767px) {
    .text-outline-header {
        top: 25px;
        left: 100px;
    }

    h1.big-title {
        font-size: 50px;
        font-weight: 600;
    }

    h1.roleplay {
        text-align: center;
        font-size: 25px;
        margin-top: 20px;
    }

    #site-content {
        padding: 40px 50px 40px 50px;
    }

    .navbar-default .navbar-toggle {
        border-color: #ffffff00 !important;
    }

    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background-color: #ffffff00 !important;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: #03ff4424 !important;
    }

    .logo-main {
        width: 40%;
        filter: drop-shadow(0px 0px 10px #03ff44);
    }
    
    .logo-loading {
        width: 30%;
        filter: drop-shadow(0px 0px 10px #03ff44);
    }

    .box {
        -webkit-filter: none;
        filter: none;
        mix-blend-mode: normal;
    }

    .table-responsive {
        border: none !important;
    }
}