@charset "UTF-8";

/* verde #03883A */
@media screen and (max-width: 710px) {
  .title {
    font-size: 2em;
  }
  .text {
    font-size: 1em;
    text-align: center;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
  .no-mobile {
    display: none;
  }
  /* HEADER */
  #header ul {
    display: none;
  }
  #sandwich-btn {
    display: inline-block;
  }
  #mobile-menu {
    display: block;
  }

  /* SLIDESHOW */
  video {
    display: none !important;
  }

  /* NOVEDADES */
  .a-title {
    font-size: 1.2em;
    font-family: 'CalibriBold';
  }
  .grid-2-cols, .grid-3-cols {
    grid-template-columns: 1fr;
    justify-content: center;
  }
  #novedades carousel {
    --controls-padding: -1.5rem;
  }
  #novedades items {
    --cols: 1;
  }

  /* NOSOTROS */
  #nosotros-table {
    position: relative;
    display: table;
    width: 100%;
    margin: 20px 0px;
  }
  .col1-3 {
    position: relative;
    display: block;
    width: 70%;
    text-align: center;
    left: 50%;
    margin-left: -35%;
    margin-bottom: 30px;
  }
  .col1-3.mid {
    border: none!important;
  }
  .col1-3 img {
    max-width: 100%;
  }

  /* CONTACTO */
  #contacto {
    position: relative;
    display: block;
    width: 100%;
    padding: 40px;
    box-sizing: border-box;
    color: #03883A;
  }
  #contacto .container {
    display: block;
    width: 100%;
  }
  .form-tag {
    font-size: 1.2em;
    display: block;
  }
  input[type=text], input[type=email] {
    position: block;
    width: 100%;
    float: none;
  }
  textarea {
    position: block;
    width: 100%;
    float: none;
  }
  #map {
    position: relative;
    width: 100%;
    height: 500px;
    padding: 0px;
    margin-top: 20px;
  }

  /* FOOTER */
  #links-interes li img {
    height: 25px;
  }

  #intro {
    font-size: 1.6em;
  }
    #intro img {
      display: none;
    }
}
@media screen and (min-width: 711px) and (max-width: 1280px) {
  .form-tag {
    font-size: 1.2em;
    display: block;
  }
  input[type=text], input[type=email] {
    position: block;
    width: 100%;
    float: none;
  }
  textarea {
    position: block;
    width: 100%;
    float: none;
  }
  .a-lead {
    font-size: 0.9em;
  }
  #novedades items {
    --cols: 3;
  }

}