.EventPopupContainer {
    display:block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2000;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: rgba(0, 0, 0, 0.8);
}
.PopupOuter {
    display: table;
    width: 100%;
    height: 100%;
    background-color:white;
    max-width:700px;
    height:580px;
    margin: 0 auto;
    position:relative;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
     top:50%;
    overflow-y:auto;
}
@media only screen and (min-width : 768px) {
.PopupOuter { 
        display: block;
    }
    }
@media only screen and (max-width : 575px) {
.PopupOuter { 
         -webkit-transform: none;
         transform: none;
         top:0;
        height:100%;
    }
    }
.PopupInner {
    padding:40px;
}
.PopupInner h2 {
        margin-top:0;
    }
.EventColumns {
    display:flex;
    width:100%;
}
@media only screen and (max-width : 575px) {
.EventColumns { 
        flex-wrap:wrap;
    }
    }
.EventColumns-Image {
        width:40%;
        margin-right:20px;
}
@media only screen and (max-width : 575px) {
.EventColumns-Image { 
            width:100%;
    }
        }
.EventColumns-Image img {
            width:100%;
            max-width:400px;
        }
.EventColumns-Copy {
        width:60%;
}
@media only screen and (max-width : 575px) {
.EventColumns-Copy { 
            width:100%;
    }
        }
.EventColumns-LocationTime {
        border-bottom:1px solid #f2f3f2;
        padding-bottom:20px;
}
.EventColumns-LocationTime p {
            font-weight:bold;
            margin-top:0;
        }
@media only screen and (max-width : 575px) {
.EventColumns-LocationTime p { 
                margin-top:10px
        }
            }
.EventColumns-Description {
        padding-top:10px;
}
.twoButtons {
    display:block;
    width:100%;
    max-width:220px;
    margin:0 auto;
    margin-top:30px;
}
@media only screen and (max-width : 575px) {
.twoButtons { 
        max-width:none;
    }
    }