.overlay-in {
    background: url("../images/bg_in.png") no-repeat center;
    background-size: cover;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.overlay {
    z-index: 9999;
    height: 100vh;
    width: 100vw;
    display: none; /*default is none*/
    position: fixed;
    top: 0;
    left: 0;
    background: #502bd8;
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a51e1b', endColorstr='#fd9a00',GradientType=1 );*/
}

.overlay-content {
    text-align: center;
}

.closebtn-wrapper {
    padding-right: 15px;
    position: absolute;
    top: 40px;
    right: 140px;
}

.closebtn {
    width: 64px;
    height: 64px;
    cursor: pointer;
    fill: rgba(255, 255, 255, 0.35);
}

.closebtn:hover {
    fill: rgba(255, 255, 255, 1);
}

.overlay-content ul li a {
    color: white !important;
    font-size: 3vh;
    cursor: pointer;
}

.overlay-content ul li a:hover {
    text-decoration: underline !important;
}

.overlay-content ul li {
    margin-bottom: 4.6vh;
}