@media (min-width: 1600px) {
  .crooked-rectangle {
    top: 78vh !important;
  }

  .new .title, .new .views-field-title {
    width: 27vw !important;
  }
  .new .image, .new .views-field-field-image img {
    width: 27vw !important;
  }
  .new .views-field.views-field-body {
    width: 27vw !important;
  }
}
@media (min-width: 1280px) {
  .new .title, .new .views-field-title {
    width: 27vw !important;
  }
  .new .image, .new .views-field-field-image img {
    width: 27vw !important;
  }
  .new .views-field.views-field-body {
    width: 27vw !important;
  }
}
@media (min-width: 992px) and (max-width: 1279px) {
  .crooked-rectangle {
    top: 80vh !important;
  }

  .new .title, .new .views-field-title {
    width: 27vw !important;
  }
  .new .image, .new .views-field-field-image img {
    width: 27vw !important;
  }
  .new .views-field.views-field-body {
    width: 27vw !important;
  }
}
@media (min-width: 767px) and (max-width: 1100px) {
  .crooked-rectangle {
    top: 73vh !important;
  }
}
@media (min-width: 992px) and (max-width: 1279px) {
  nav {
    padding: 2rem !important;
    background: white;
  }

  /* .news {
      .new {
          .views-field.views-field-title {
              width: 400px !important;
          }
          .image, .views-field-field-image img {
              width: 400px !important;
              height: 241px !important;
          }
          .views-field.views-field-body {
            width: 400px !important;
          }
      }
  } */
}
@media (max-width: 767px) {
  body.page-node-22202 {
    background: white url("../images/fondo/767x812.jpg") no-repeat scroll 0 0;
  }

  h1#page-title {
    color: white !important;
    font-size: 1.5rem !important;
    margin-top: 18px !important;
    margin-left: 20px !important;
  }

  body.page-node-22202 .news, body.page-node-22258 .news {
    top: 56vh !important;
  }

  #step1 {
    width: auto !important;
  }

  .view-home-lyon .views-field-field-image img {
    width: 350px !important;
    height: auto !important;
  }

  #sponsors {
    position: relative;
    top: 3rem !important;
    display: flex;
    flex-direction: column;
    height: 71rem;
    padding: 10rem 0;
    background: url(../images/fondo_sponsors.png);
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
    text-align: center;
  }

  body nav li.expanded {
    position: relative;
  }
  body nav .nav-item {
    display: block !important;
  }
  body nav .dropdown-menu {
    width: 12rem;
    position: relative !important;
    top: 0 !important;
    left: 1rem;
    background-color: #efefef;
  }
  body nav .dropdown-menu .nav-item {
    display: block !important;
  }
  body nav .navbar-nav > li.last {
    display: none !important;
  }

  #navbarSupportedContent {
    background-color: white;
    padding: 20px;
    border-radius: 5px;
    z-index: 99999;
  }

  .first.leaf.nav-item {
    margin-bottom: 5px;
  }

  div#navbarNav {
    display: none;
  }

  .leyenda {
    top: 18vh !important;
    left: 1vw !important;
  }
  .leyenda img {
    width: 300px;
  }

  body.page-node-22202,
body.page-node-22258 {
    background-position-y: 0;
    background-size: 100%;
  }
  body.page-node-22202 .region-content,
body.page-node-22258 .region-content {
    margin-top: 0;
  }
  body.page-node-22202 .pie,
body.page-node-22258 .pie {
    display: block;
    width: 678px;
    height: 420px;
    background: transparent url(../images/pie.svg) no-repeat scroll 0 0;
    background-size: cover;
    position: absolute;
    top: 76vh;
    left: 0;
  }
  body.page-node-22202 nav,
body.page-node-22258 nav {
    background: linear-gradient(180deg, white 0%, #e0eaf4 52%, rgba(255, 255, 255, 0) 100%) !important;
  }
  body.page-node-22202 footer,
body.page-node-22258 footer {
    top: 4rem !important;
    height: 16rem !important;
  }

  .pie-content {
    width: 84vw;
    position: absolute;
    top: 15vh;
    left: 9vw;
  }

  .field-type-image img {
    width: 360px;
    height: auto;
  }

  .crooked-rectangle {
    display: block !important;
    top: 70vh !important;
    padding: 7rem 3rem 6rem 3rem !important;
    background-size: cover !important;
    font-size: 17px !important;
  }
  .crooked-rectangle p {
    margin-bottom: 0px !important;
  }
  .crooked-rectangle .small-text {
    font-size: 20px !important;
    margin-top: 0px !important;
  }
  .crooked-rectangle .text-numbered {
    margin-bottom: 2rem;
    width: 90% !important;
  }

  .news .new .views-field.views-field-body {
    width: auto !important;
  }
}

/*# sourceMappingURL=responsive3.css.map */