title: Why not close modal window?CSS
body: <p>I have this modal window</p>
  
  <p><a href="https://jsfiddle.net/wxorg152/" rel="nofollow">https://jsfiddle.net/wxorg152/</a></p>
  
  <p>(seen bad because I copied from the site and CSS code as there's not)</p>
  
  <p>The window opens problem is not going to close ... how can I close it?</p>
  
  <p><strong>CODE HTML:</strong></p>
  
  <pre><code>&lt;div class="border"&gt;&lt;a id="gigi" href="#modal"&gt;Tabel Dimensiuni&lt;/a&gt;&lt;/div&gt;
  
  &lt;div class="md-modal" id="modal"&gt;
      &lt;div class="md-content"&gt;
          &lt;h3&gt;Modal Dialog&lt;/h3&gt;
          &lt;div&gt;
  &lt;a class="md-close" href="#"&gt;Close me!&lt;/a&gt;
                          &lt;p class="titlu-modal"&gt;Dimensiuni pentru lenjerie&lt;/p&gt;
              &lt;img src="http://www.altradona.ro/media/wysiwyg/DIMENSIUNI-PENTRU-LENJERIE.png" &gt;
              &lt;p class="titlu-modal"&gt;Dimensiuni pentru dresuri&lt;/p&gt;
                          &lt;img src="http://www.altradona.ro/media/wysiwyg/DIMENSIUNI-PENTRU-DRESURI.png" &gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="md-overlay"&gt;&lt;/div&gt;
  </code></pre>
  
  <p><strong>CODE CSS:</strong></p>
  
  <pre><code>#overlay {
       visibility: hidden;
       position: absolute;
       left: 0px;
       top: 0px;
       width:100%;
       height:100%;
       text-align:center;
       z-index: 1000;
  }
  
  
  #overlay div {
       width:300px;
       margin: 100px auto;
       background-color: #fff;
       border:1px solid #000;
       padding:15px;
       text-align:center;
  }
  
  .border{border-bottom:1px solid rgba(227,227,227,0.61);}
  
  
  
  
  #gigi {
  
    color: #000;
    text-align: center;
    width: 200px;
    height: 50px;
    line-height: 50px;
    text-decoration: none;
    border-radius: 2px;
  }
  gigi:hover {
    background-color: #a5281b;
  }
  
  
  .md-modal {
      position: fixed;
      top: 55%;
      left: 50%;
      width: 50%;
      max-width: 630px;
      min-width: 320px;
      height: auto;
      z-index: 1000;
      visibility: hidden;
      transform: translateX(-50%) translateY(-50%);
  }
  
  .md-modal:target {
      visibility: visible;
  }
  
  .md-overlay {
      position: fixed;
      width: 100%;
      height: 100%;
      visibility: hidden;
      top: 0;
      left: 0;
      z-index: 1000;
      opacity: 0;
      background: transparent;
      transition: all 0.3s;
  }
  
  .md-modal:target ~ .md-overlay {
      opacity: 1;
      visibility: visible;
  }
  
  /* Content styles */
  .md-content {
      color: #fff;
      background: url(http://www.altradona.ro/media/wysiwyg/BODY.png) ;
      position: relative;
      border-radius: 3px;
      margin: 0 auto;
  }
  
  .md-content h3 {
  display:none;
      margin: 0;
      padding: 0.4em;
      text-align: center;
      font-size: 2.4em;
      font-weight: 300;
      opacity: 0.8;
      background: rgba(0,0,0,0.1);
      border-radius: 3px 3px 0 0;
  }
  
  .md-content &gt; div {
      padding: 15px 40px 30px;
      margin: 0;
      font-weight: 300;
      font-size: 1.15em;
  }
  
  .md-content &gt; div p {
      margin: 0;
      padding: 10px 0;
  }
  
  .md-content &gt; div ul {
      margin: 0;
      padding: 0 0 30px 20px;
  }
  
  .md-content &gt; div ul li {
      padding: 5px 0;
  }
  
  .md-content a {
      display: block;
      margin: 0 auto;
      font-size: 0.8em;
  float:right;
  }
  
  /* Effect */
  
  .md-modal .md-content {
      -webkit-transform: scale(0.7);
      -moz-transform: scale(0.7);
      -ms-transform: scale(0.7);
      transform: scale(0.7);
      opacity: 0;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      transition: all 0.3s;
  }
  
  .titlu-modal img
  {
      width:50px;
  }
  .md-modal:target .md-content {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      opacity: 1;
  }
  </code></pre>
  
  <p>I put an image to understand better what I want to do</p>
  
  <p><a href="http://i60.tinypic.com/nbcghg.jpg" rel="nofollow">http://i60.tinypic.com/nbcghg.jpg</a></p>
  
  <p>I want to close the window and unfortunately does not work ... you can help me solve this problem please?</p>
  
  <p>Thanks in advance!</p>