@media (min-width: 990px) {
  .header__button {
    display: none; } }

@media (max-width: 990px) {
  .header {
    border-width: 5px; }
    .header__menu {
      position: fixed;
      top: 0px;
      right: 0px;
      height: 100%;
      background-color: white;
      width: 0px;
      text-align: center;
      padding: 20px 0;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; }
    .header .container {
      max-width: 100%;
      width: 100%;
      padding: 0 10px; }
    .header ul {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding: 0;
      margin: 0; }
      .header ul a {
        color: #100F19; }
    .header li {
      margin-bottom: 10px; }
    .header__button {
      background: none;
      border: none;
      -webkit-appearance: none;
      display: block;
      width: 30px;
      height: 30px;
      background-color: #100F19;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      position: absolute;
      left: -40px;
      top: 21px; }
    .header__bars {
      width: 20px;
      height: 2px;
      background-color: white;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; }
      .header__bars:nth-of-type(2) {
        margin-top: 3px;
        margin-bottom: 3px; }
    .header--toggled .header__bars:nth-of-type(1) {
      -webkit-transform: rotate(45deg) translateY(4px) translateX(4px);
              transform: rotate(45deg) translateY(4px) translateX(4px); }
    .header--toggled .header__bars:nth-of-type(2) {
      opacity: 0; }
    .header--toggled .header__bars:nth-of-type(3) {
      -webkit-transform: rotate(-45deg) translateY(-3px) translateX(3px);
              transform: rotate(-45deg) translateY(-3px) translateX(3px); }
    .header--toggled .header__menu {
      width: 200px; }
    .header__logo img {
      max-width: 150px; }
  .main .slick-slide {
    height: 500px; }
    .main .slick-slide img {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      -o-object-fit: cover;
         object-fit: cover; }
  .main h1 {
    font-size: 2em; }
  .servicios {
    padding: 30px 0; }
  .footer {
    padding-top: 20px;
    padding-bottom: 20px; }
    .footer__info {
      width: 100%;
      text-align: center; }
    .footer__logo {
      display: none; }
    .footer__dir, .footer__num {
      width: 100%;
      padding-top: 40px;
      padding-left: 0;
      background-size: 25px auto;
      background-repeat: no-repeat;
      background-position: top center; }
    .footer a {
      display: block;
      width: 100%; }
    .footer span {
      display: none; }
  .servicios {
    padding-left: 30px;
    padding-right: 30px; } }