.overlay {
        height: 0%;
        width: 100%;
        position: fixed;
        z-index: 99999;
        top: 0;
        left: 0;
        background-color: rgb(3, 12, 57);
        background-color: rgba(3, 12, 57, 0.85);
        overflow-y: hidden;
        transition: 0.5s;
    }

    .overlay-content {
        position: relative;
        top: 17%;
        width: 100%;
        text-align: center;
        margin-top: 30px;
    }

    .overlay a {
        padding: 8px;
        text-decoration: none;
        font-size: 36px;
        color: #818181;
        display: block;
        transition: 0.3s;
    }

    .overlay a:hover,
    .overlay a:focus {
        color: #f1f1f1;
    }

    .overlay .closebtn {
        position: absolute;
        top: 20px;
        right: 45px;
        font-size: 60px;
    }

    @media screen and (max-height: 450px) {
        .overlay {
            overflow-y: auto;
        }

        .overlay a {
            font-size: 20px
        }

        .overlay .closebtn {
            font-size: 40px;
            top: 15px;
            right: 35px;
        }
    }

    .mobile--crypto--exclusive {
        display: none;
    }

    @media(max-width: 800px) {
        .desktop--crypto--exclusive {
            display: none;
        }

        .mobile--crypto--exclusive {
            display: inherit;
        }
    }