.contact-none {
  display: none;
}
#map{
  display: block;
  width: 100%;
  /*height: 600px;*/
  height: 100%;
  margin: 0 auto;
/*
-moz-box-shadow: 0px 5px 20px #ccc;
-webkit-box-shadow: 0px 5px 20px #ccc;
box-shadow: 0px 5px 20px #ccc;
*/
}
.logo-contact {
  max-height: 140px;
  max-width: 141px;
}
.wrapper-contact {
  position: relative;
}

.big-logo-row-contact {
  /*background-size: cover;*/
  /*position: relative;*/
  height: 630px;
  width: 100%;
  padding: 0px;
  margin-top: 78px
}
.container-contact {
  position: absolute;
  background-color: white;
  z-index:1;
  text-align: left;
  /*top: 190px;*/
  top: 110px;
  left: 20px;
}
.link-contact {
  /*color: #111c24;*/
  color: #6f6f6f;
  list-style: none;
  font-size: 1.7em;
  margin-left: 0px;
  margin-top: 20px;
  font-weight: 500;
  padding: 0px;
  font-family: 'Montserrat', sans-serif;
  text-align: center;
}
.link-contact a {
  /*color: #111c24;*/
  color: #6f6f6f;
}
.link-contact li a:hover {
  color: #008CBA;
}
.link-contact li {
  padding: 4px;
}
.contact-wrapper {
  display: block;
}

.logo-contact {
  display: block;
  margin-left: auto;
  margin-right: auto
}

.logoName-map {
  display: inline-block;
  margin: 0 30px 0 30px;
}
.logoName-map h1 {
  line-height: 1.8em;
  font-size: 2.5em;
  color: #6f6f6f;
  margin: 0 0 0px 0;
  text-align: center;
}
.logoName-map h1>span {
  color: #f43438;
}
.logoName-map p {
  font-weight: 600;
  color: #6f6f6f;
  font-size: 1em;
  text-align: center;
}

@media (min-device-width: 1025px) and (max-width: 1600px) {
  .container-contact {
    top: 110px;
    left: 20px;
  }
}
@media (max-width: 1024px) {
  .big-logo-row-contact {
    margin-top: 60px;
    height: 400px;
  }
  #map {
    height: 400px;
  }
  .container-contact {
    top: 75px;
    left: 20px;
  }
}