.centerpopupholder{
    color:white;
    height: 100%;
    width: 100%;
    position:fixed;
    top:20%;
    left:0;
    margin:0;
    display: block;
    text-align: center;
    z-index: 9999;
    visibility: collapse;
}

.centerpopup{
    display: inline-block;
    /*position:fixed;*/
    /*left: 0;*/
    /*margin-left: 20%;*/
    background:var(--main-dark-color);
    height:auto;
    width:60%;
    text-align: center;
    font-family: var(--main-font-family);
}

.innerpopup{
    width: 90%;
    height:100%;
    margin-left: 5%;
}

.innerpopup h2{
    margin: 5%;
}

.popuptop{
    height:75%;
}

.popupbottom{
    height:10%;
}
.popupbottom button{
    height: 50px;
    width: 100%;
    margin-bottom: 25px;
}

.popupdivider{
    height: 2px;
    display:block;
    background: white;
}

.popupvisible{
    visibility: visible;
}

.messageholder{
    height: 100%;
    display: block;
    text-align: center;
}

.messageholder p{
    font-size: 1.3em;
    display: inline-block;
}


@media only screen and (max-width : 800px) 
{
    .centerpopup{
        width: 80%;
    }
    .centerpopupholder{
        top: 10%;
    }
}

@media only screen and (max-width : 430px) 
{
    .centerpopup{
        width: 90%;
    }
    .centerpopupholder{
        top: 5%;
    }

    .messageholder p{
        font-size: 1.0em;
    }
}