.overlay {
        height: 0%;
        width: 100%;
        position: fixed;
        z-index: 99999;
        top: 0;
        left: 0;
        background-color: #984e15e8;
        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;
    }

    
    .mobile--crypto--exclusive {
        display: none;
        margin-top: 0;
        width: 80%;
    }
    
    .desktop--crypto--exclusive{
        width: 80%;
    }
    

    @media(max-width: 800px) {
        .desktop--crypto--exclusive {
            display: none;
        }
        
        .mobile--crypto--exclusive {
            display: inherit;
            width: 45%;
            min-width: 800px !important;            
            /* text-align: center; */
        }

        .overlay-content {
            position: relative;            
            width: 100%;
            text-align: center;
        }
    }
    
    @media screen and (max-height: 450px) {
        .overlay {
            overflow-y: auto;
        }

        .overlay a {
            font-size: 20px
        }

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

    @media(max-width: 600px) {
        .desktop--crypto--exclusive {
            display: none;
        }
        
        .mobile--crypto--exclusive {
            display: inherit;
            width: 53%;
            min-width: 800px !important;            
            /* text-align: center; */
        }

        .overlay-content {
            position: relative;            
            width: 100%;
            text-align: center;
        }
    }
    @media(max-width: 400px) {
        .desktop--crypto--exclusive {
            display: none;
        }
        
        .mobile--crypto--exclusive {
            display: inherit;
            width: 75%;
            min-width: 800px !important;            
            /* text-align: center; */
        }

        .overlay-content {
            position: relative;            
            width: 100%;
            text-align: center;
        }
    }