@media (min-width: 1361px) {
    .gameplay-menu {
        width: 1080px;
        height: 485px;
    }
    #end-overlay-image {
        width: 50vw;
    }
    .lose-end-overlay-image {
        width: 80vw;
    }
    .end-overlay {
        height: 480px !important;
    }    
}

@media (max-width: 1360px) {
    canvas {
        width: 80vw;
    }
    .overlay-start-screen {
        width: 80vw;
    }
    .end-overlay {
        width: 80vw;
    }
    #end-overlay-image {
        width: 80vw;
    }
    .mobile-gameplay {
        width: 100% !important;
        top: unset !important;
        bottom: 0 !important;
        position: absolute;
    }
    .overlay-buttons {
        width: unset !important;
        right: 10vw;
    }
    .gameplay-menu {
        width: 80vw;
        height: 485px;
    }
}

@media (max-width: 900px) {
    .overlay-start-screen {
        width: 80vw;
        height: 400px;
    }
    .gameplay-menu {
        width: 80vw;
        height: 400px;
    }
}

@media (max-width: 600px) {
    .overlay-start-screen {
        width: 80vw;
        height: 230px;
    }
    .mobile-btn {
        height: 35px;
        width: 35px;
    }
    .overlay-start-screen-button {
        height: 35px;
        width: 35px;
        margin-left: 12px;
    } 
    .play-button {
        padding: 12px;
    }
    .refresh-button {
        padding: 12px;
    }
    .refresh-button-image {
        padding: 12px;
    }
    .button-image {
        height: 24px;
        width: 24px;
    }
}

@media (max-width: 350px) {
    .overlay-start-screen {
        width: 90vw;
        height: 200px;
    }   
    canvas {
        height: 200px !important;
    }
}

@media (min-width: 1301px) {
    .end-overlay {
        width: 1080px;
        height: 480px;
    }
}

@media(min-width: 480px) {
    .devices-overlay {
        width: 0;
        overflow: hidden;
    }
}

@media (max-height: 900px) {
    .devices-overlay {
        font-size: 58px;
    }
}

@media (max-height: 800px){
    .mobile-hidden {
        display: none;
    }
    .mobile-hide {
        display: none;
    }
}

@media (max-height: 400px) {
    .devices-overlay {
        font-size: 48px;
    }
}