.hero {
  position: relative;
  padding: 200px 0 50px;
  background: url(../../image/pattern.jpg);
}

.hero h2 {
  margin-bottom: 50px;
  font-size: 2.1rem;
  line-height: 2.3rem;
  color: #ac2c09;
  text-align: center;
}

.hero__body {
  margin-bottom: 50px;
  text-align: center;
}

.hero__body a,
.hero__body a:visited {
  color:#ac2c09
}

.hero__iframe {
  position: relative;
  overflow: hidden;
  /* padding-top: 56.25%; */
  height: 100vh;
}

.hero__iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  background: #fff;
}

.is_home .hero__iframe {
  min-height: 1066px;
}

.is_home section.block.hero,
.is_home section.block.kentra {
  margin-bottom:50px;
}

@media(max-width:1230px) {
  .hero {
    padding: 40px 0 50px;
  }
}

@media(max-width:1024px) {
  .hero {
    padding: 50px 0;
  }
}

@media(max-width:860px) {
  .earthquake-map .hero h2 {
    text-align:center;
  }
  
  .hero h2 {
    font-size: 2rem;
    padding-right: 20px;
    text-align: left;
  }
}