@media only screen and (max-width: 480px) {
    #twitch-embed {
        height:240px;
    }
    .offer-container {
        flex-direction: column;
    }
    .pulsating-circle {
        height:160px;
        width:160px;
        top:60px;
        right:60px;
    }
    #starter:after {
        opacity:0.2;
    }
    .cookiealert {
        flex-direction: column;
        padding-left: 10px;
        padding-right: 10px;
    }
    .hamburger {
        display:flex;
    }
    .menu-items, .socials, .play {
        display:none;
    }
    .menu .play, .menu .socials {
        display:flex;
    }
    .menu .socials ul {
        width:100%;
        justify-content: space-around;
    }
    .menu .play {
        justify-content: center;
    }
    .menu-container {
        padding-top:10px;
        padding-bottom:10px;
    }
    .section-title h2 {
        margin-block-end:0em;
    }
    section .container {
        max-width:480px;
        flex-direction: column;
        padding-left:10px;
        padding-right:10px;
    }
    .container-inner {
        flex-direction: column;
    }
    .partner-box {
        flex-direction: column;
        flex-basis:100%;
    }
    .partners .container-inner {
        flex-wrap:nowrap;
    }
    .user-box {
        display:flex;
        flex-direction: row;
        gap:20px;
        margin-top:10px;
        align-items: center;
    }
    .user-box .avatar {
        width:100%;
    }
    .footer-menus {
        flex-direction: column;
        text-align:center;
    }
    .footer-menus div:first-child div {
        max-width:100%;
    }
    .footer-menus div:nth-child(2) {
        flex-basis:100%;
        flex-direction: column;
    }

    header {
        background:unset;
        border-color:unset;
    }

    iframe {
        max-width:100%;
    }
    #founders {
        margin-top:-100px;
    }
    #team .container-inner, #founders .container-inner {
        flex-direction: column;
        flex-wrap:wrap;
    }
    #team .user-box, #founders .user-box {
        flex-basis:unset;
    }
    .game-link {
        flex-direction: column;
    }
    .fsvg {
        display:none;
    }
    footer {
        margin-top:0px;
    }
    #games .screenshots a {
        flex-basis:48%;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .footer-menus {
        flex-direction: column;
        text-align:center;
    }
    .footer-menus div:first-child div {
        max-width:100%;
    }
    .footer-menus div:first-child {
        width:100%;
    }
    .offer-container {
        flex-direction: column;
    }
    .hamburger {
        display:flex;
    }
    .menu-items, .socials, .play {
        display:none;
    }
    .menu .play, .menu .socials {
        display:flex;
    }
    .menu .socials ul {
        width:100%;
        justify-content: space-around;
    }
    .menu .play {
        justify-content: center;
    }
    .menu-container {
        padding-top:10px;
        padding-bottom:10px;
    }
    .pulsating-circle {
        height:150px;
        width:150px;
        top:50px;
    }
    section .container {
        max-width:600px;
    }
    #credits .container {
        max-width:90%;
    }
    .user-box .avatar {
        max-width:100px;
    }
    .server-logo {
        display:none;
    }
    .server {
        justify-content: flex-start !important;
    }
}
  

@media (min-width: 1024px) and (max-width: 1366px) {
    .partner-box {
        flex-basis:30%;
    }
    .footer-menus {
        width:96%;
    }
    .pulsating-circle {
        height:300px;
        width:300px;
    }
    section .container {
        max-width:860px;
    }
    #credits .container {
        max-width:800px;
    }
    .container-inner {
        gap:20px;
    }
    .user-box .avatar {
        max-width:160px;
    }
}