aside.midia {
  height: 232px;
  min-height: inherit;
  padding-bottom: 0;
}

.wrap-service {
  background-color: #eeeeee;
}

.wrap-service .wrap-content {
  display: flex;
  flex-flow: row wrap;
  flex: 0 auto;
  padding: 8rem 0;
}

.wrap-service .wrap-content>div {
  flex: 1;
}

.wrap-service .wrap-content>div:first-child {
  max-width: calc(330px + 2rem);
}

.nav-service {
  padding-left: 2rem;
}

.nav-service nav ul li {
  margin-bottom: 15px;
}

.nav-service nav ul li a {
  display: flex;
  align-items: center;
  font-family: 'Libre Baskerville', serif;
  color: #585858;
  font-size: 1.3rem;
  white-space: nowrap;
  background: #ffffff;
  position: relative;
}

.nav-service nav ul li a i {
  color: #C7A543;
  position: absolute;
  right: 15px;
}

.nav-service nav ul li a div {
  display: flex;
  flex-flow: row wrap;
  align-content: center;
  width: 66px;
  height: 66px;
  margin-right: 1.5rem;
  align-self: center;
  background-color: #c7a543;
}

.nav-service nav ul li a div img {
  margin: 0 auto;
}

.wrap-service .wrap-content div article {
  padding: 0 4rem;
}

.wrap-service .wrap-content div article h1,
.wrap-service .wrap-content div article p {
  color: #585858;
}

.wrap-service .wrap-content div article p {
  margin-top: 2rem;
}

.wrap-service .wrap-content div article .btn-d {
  max-width: 150px;
  margin-top: 4rem;
}

@media all and (max-width: 870px) {
  .wrap-service .wrap-content {
    padding: 6rem 0;
  }

  .wrap-service .wrap-content>div:first-child {
    max-width: calc(250px + 2rem);
  }

  .nav-service nav ul li a {
    font-size: 0.9rem;
  }

  .nav-service nav ul li a div {
    margin-right: 1.2rem;
  }
}

@media all and (max-width: 670px) {
  .wrap-service .wrap-content {
    padding: 5rem 0;
  }

  .wrap-service .wrap-content>div:first-child {
    flex: 100%;
    max-width: calc(100% + 2rem);
  }

  .nav-service {
    padding: 0 2rem 2rem 2rem;
  }

  .nav-service nav ul {
    display: flex;
    flex-flow: row wrap;
  }

  .nav-service nav ul li {
    flex: 1;
    max-width: 50%;
    margin: 0 1rem 1rem 0;
  }

  .nav-service nav ul li:nth-child(2n + 2) {
    margin-right: 0;
  }

  .nav-service nav ul li a {
    font-size: 0.9rem;
  }

  .nav-service nav ul li a div {
    margin-right: 1.2rem;
  }
}

@media all and (max-width: 670px) {
  .wrap-service .wrap-content {
    padding: 5rem 0;
  }

  .wrap-service .wrap-content>div:first-child {
    flex: 100%;
    max-width: calc(100% + 2rem);
  }

  .nav-service {
    padding: 0 2rem 2rem 2rem;
  }

  .nav-service nav ul {
    display: flex;
    flex-flow: row wrap;
  }

  .nav-service nav ul li {
    flex: 1;
    max-width: 50%;
    margin: 0 1rem 1rem 0;
  }

  .nav-service nav ul li:nth-child(2n + 2) {
    margin-right: 0;
  }

  .nav-service nav ul li a {
    font-size: 0.9rem;
  }

  .nav-service nav ul li a div {
    margin-right: 1.2rem;
  }

  .wrap-service .wrap-content div article .btn-d {
    width: calc(100% - 2rem);
    max-width: calc(100% - 2rem);
  }
}

@media (max-width: 520px) {
  .nav-service {
    padding: 0 1rem 2rem 1rem;
  }

  .nav-service nav ul li {
    margin: 0 0 2rem 0;
  }

  .nav-service nav ul li a {
    font-size: 0rem;
    background: transparent;
  }

  .nav-service nav ul li a div {
    margin: 0 auto;
  }

  .nav-service nav ul li a i {
    margin-right: -7.5px;
    font-size: 1rem;
    position: absolute;
    bottom: -25px;
    right: 50%;
    transform: rotate(90deg)
  }

  .wrap-service .wrap-content div article {
    padding: 0 2rem;
  }
}