.modal{
display: none;
position: fixed;
background-color: rgb(0,0,0);
background-color: rgba(0, 0, 0, .4);
z-index: 1;
padding-top: 150px;
left: 0;
top: 0;
width: 100%;
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}    
.modal-content{
background-color: #e6e6e6;
margin: auto;
padding: 20px;
border: 1px solid #888;
width: 50%;
height: auto;
border-radius: 15px;
}
.close{
color: #aaa;
float: right;
font-size: 28px;
font-weight: bold;
}
.close:hover,
.close:focus{
color: black;
text-decoration: none;
cursor: pointer;
}
.magPic{
    width: 70px;
    position: absolute;
    right: 0;
    margin-top: 40px;
    border-radius: 5px;
    box-shadow: 0px 0px 7px 0px #E6E6E6;
}
.magPic:hover{
opacity: 70%;
cursor: pointer;
}