body {font-family: Arial, Helvetica, sans-serif;}
      @media only screen and (max-width:1000px){
        .modal-content img{
        width:100px;
     

    }
}
    /* The Modal (background) */
    .modal {
      display: none; /* Hidden by default */
      position: fixed; /* Stay in place */
      z-index: 999999; /* Sit on top */
      padding-top: 100px; /* Location of the box */
      left: 0;
      top: 0;
      width: 100%; /* Full width */
      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 */
    .modal-content {
      background-color: #fefefe;
      margin: auto;
      box-shadow: 10px 10px gray;
      border-radius:15px;
      padding: 20px;
      border: 1px solid #888;
      width: 50%;
      text-align: center;
      position: relative;
    }

    .modal-content a{
border:solid 2px black;
padding:1%;
text-decoration: none;
margin-top:20px;
color:black;
    }

    .modal-content p{
padding-bottom:20px;
    }

    .modal-content img{
display:block;
	  margin:0 auto;

    }

    .modal-content a:hover{
        border:solid 2px #e96a3e;
        color:#e96a3e;
    }
    
    /* The Close Button */
    .close {
      color: #aaaaaa;
      float: right;
      font-size: 28px;
      font-weight: bold;
    }
    
    .close:hover,
    .close:focus {
      color: #000;
      text-decoration: none;
      cursor: pointer;
    }