#modalOverlay{
    background:rgba(125, 125, 125, 0.73);
    height:100%;
    width:100%;
    z-index:10000; 
    position:fixed
}

.closeModal{
    text-align:right;
    cursor:pointer;
    color:white;
    font-size:calc(10px + 1.15vw);
    margin-bottom:4px;
}
.marginDiv{
    display:table;
    margin:auto; 
}
.topSpacer{
    height:17vh;
}
.leftDiv{
    float:left;
}
.centerDiv{
    float:left;
}
.modalContainer{
    white-space:nowrap;
}
.rightDiv{
    float:right;
}
@media screen and (max-width: 1025px) {
    .centerDiv{
        display:none;
    }
     .marginDiv{
        margin-top:5vh;
    }
    .topSpacer{
       height:12vh; 
    }
    
}
@media screen and (max-width: 768px) {
    .marginDiv{
        margin-left:12vh;
    }
    .modalContainer{
        white-space:inherit;
    }
    .leftDiv{
        float:none;
    }
    .rightDiv{
        float:none;
    }
    .modalContainer img{
        width:85%;
    }
    .closeModal{
        width:85%;
    }
}
@media screen and (max-width: 479px) {
   .marginDiv{
       margin-left:6vh;
   }
   .modalContainer img{
        width:60%;
    }
    .closeModal{
        width:60%;
    }
}
@media screen and (max-width: 375px) {
    .marginDiv{
        margin-left:4vh;
    }
}