#mapid { width: 95%; height: 580px ; margin-left:2.5%;}
.gloria {
	width:100%;
}


.links {
  display: inline-block;
	font-family: 'Alegreya Sans SC', sans-serif;
	font-weight: 500;
	line-height: 120%;
  padding: 2% 0% 5% 10%;
  margin: 0% 2% 0% 2%;
}
.linkstable {
  -webkit-column-count: 5; /* Chrome, Safari, Opera */
  -moz-column-count: 5; /* Firefox */
  column-count: 5;
  width: 95%;
  background-color: #F3F2F3;
  margin-left:2.5%;
  padding-top:1%;
}

.overlay {
  display: none;
}

.leaflet-popup-content-wrapper {
  background: rgba(255, 255, 255, 0.7);
}

.leaflet-popup-content {
  margin: 15px 15px;
}

.dimitri {
  width: 47%;
}

h5 { 
   font-family: 'Ubuntu', sans-serif;
   font-weight: 400;
   line-height: 150%;
   font-size: .9em;
}

h2 {
  margin-bottom: -10px;
  margin-top: 0;
  color: #333;
  font-family: 'Alegreya Sans SC', sans-serif;
  font-weight: 500;
}


a:link {
    color: maroon;
    text-decoration: none;
}
a:visited {
    color: black;
    text-decoration: none
}
a:hover {
    color: red;
    text-decoration: none
}

a:active {
    color: red;
    text-decoration: none
}




@media screen and (max-width: 800px) {
    .linkstable {
        -webkit-column-count: 3; /* Chrome, Safari, Opera */
        -moz-column-count: 3; /* Firefox */
        column-count: 3;
        width: 95%;
        background-color: #F3F2F3;
        margin-left:2.5%;
        padding-top:1%;
        }
      .links {
          display: inline-block;
          font-family: 'Alegreya Sans SC', sans-serif;
          font-weight: 500;
          line-height: 120%;
          padding: 5% 0% 5% 10%;
          margin: 0% 2% 0% 2%;
        }
  }

@media screen and (max-width: 600px) {
    .linkstable {
        -webkit-column-count: 2; /* Chrome, Safari, Opera */
        -moz-column-count: 2; /* Firefox */
        column-count: 2;
        width: 95%;
        background-color: #F3F2F3;
        margin-left:2.5%;
        padding-top:1%;
        }
      .links {
          display: inline-block;
          font-family: 'Alegreya Sans SC', sans-serif;
          font-weight: 500;
          line-height: 120%;
          margin: 0% 2% 0% 2%;
        }
  }

@media screen and (max-width: 480px) {

    .linkstable {
        -webkit-column-count: 1; /* Chrome, Safari, Opera */
        -moz-column-count: 1; /* Firefox */
        column-count: 1;
        width: 95%;
        background-color: #F3F2F3;
        margin-left:2.5%;
        padding-top:1%;
        }
      .links {
          display: inline-block;
          font-family: 'Alegreya Sans SC', sans-serif;
          font-weight: 500;
          line-height: 100%;
          margin: 0% 2% 0% 2%;
        }
  }