.hero-banner {
  background-image: url("../../assets/kapcsolat_banner.png");
  background-color: #303030;
}

img.dtx-icon {
  max-height: 7em;
  padding: 1.75em 0;
}

.dtx-kapcsolat {
  text-align: center;
  font-weight: 500;
}

h3 {
  color: #dd2044;
  font-size: 24px;
  margin-bottom: 1em;
  text-transform: uppercase;
}

.dtx-kozepso {
  border-left: 1px solid gainsboro;
  border-right: 1px solid gainsboro;
}

.dtx-kapcsolat a {
  color: black;
}

.terkep {
  background-image: url("../../assets/terkep.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: block;
  height: 220px;
  margin-top: 66px;
}

.terkep a {
  display: block;
  height: 100%;
  width: 100%;
}

@media only screen and (max-width: 600px) {
  .hero-banner {
    background-image: url("../../assets/kapcsolat_mobile_banner.png");
  }

  .terkep {
    background-image: url("../../assets/terkep_mobile.png");
  }

  .dtx-kozepso {
    border-left: none;
    border-right: none;
    border-top: 1px solid gainsboro;
    border-bottom: 1px solid gainsboro;
    margin: 1.5em;
    padding-bottom: 1.5em;
  }
}

@media only screen and (min-width: 1281px) {
  .terkep {
    height: 360px;
  }
}