.modal {
    position: fixed;
    top: -20%;
    left: 0;
    bottom: 0;
    right: 0;
    display: none;
    overflow: auto;
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9999;
}

.modal-window {
    position: relative;
    /*background-color: #ffffff;*/
    width:70%;

    /*top: 0;*/
    border-radius: 25px;
    height: auto;
    /*margin: 15% auto;*/
    margin-top: 20%;
    margin-left: 15%;
}

/*.modal-window.small {*/
/*    width: 90%;*/
/*    */
/*}*/

/*.modal-window.large {*/
/*    width: 90%;*/
/*}*/

/*.close {*/
/*    position: relative;*/
/*    top: 0;*/
/*    right: 0;*/
/*    color: rgba(0, 0, 0, 0.3);*/
/*    height: 30px;*/
/*    width: 30px;*/
/*    font-size: 30px;*/
/*    line-height: 30px;*/
/*    text-align: center;*/
/*}*/

.close:hover,
.close:focus {
    color: #ff3838;
    cursor: pointer;
}

.open {
    display: block;
}
button {
    padding: 15px;
    font-size: 12px;
    background: #ff3838;
    color: #fff;
    border: none;
    border-radius: 8px;
}
.subheading {
    font-style: italic;
}

footer,
a {
    font-family: sans-serif;
    text-align:center;
}