section.banner {
  width: 100%; }
  section.banner img {
    width: 100%; }
  @media screen and (max-width: 993px) {
    section.banner .desk {
      display: none; } }
  section.banner .tablet {
    display: none; }
    @media screen and (max-width: 992px) {
      section.banner .tablet {
        display: block; } }
    @media screen and (max-width: 767px) {
      section.banner .tablet {
        display: none; } }
  section.banner .movil {
    display: none; }
    @media screen and (max-width: 767px) {
      section.banner .movil {
        display: block; } }

section.tornado {
  margin-top: 90px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  section.tornado img {
    width: 386px; }
    @media screen and (max-width: 480px) {
      section.tornado img {
        width: 265px; } }
  section.tornado p {
    font-family: "roboto-regular";
    font-size: 19px;
    color: #808080;
    margin-top: 50px;
    text-align: center; }
  section.tornado .ver-mas {
    width: 100px;
    height: 26px;
    font-family: "novecentos-medium";
    font-size: 13px;
    border: solid 1px #333333;
    margin: 55px auto 0;
    text-align: center;
    line-height: 22px; }
    section.tornado .ver-mas a {
      text-decoration: none;
      color: #333333; }
    section.tornado .ver-mas:hover {
      cursor: pointer;
      text-decoration: none;
      background: #DF9F00;
      color: #FFF;
      transition: all .5s; }

section.nuestros-servicios {
  display: flex;
  justify-content: center;
  margin-bottom: 130px;
  overflow: hidden; }
  section.nuestros-servicios figure {
    position: relative; }
    section.nuestros-servicios figure .mascara {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      background: rgba(51, 51, 51, 0.9);
      display: flex;
      justify-content: center;
      align-items: center;
      color: #FFF;
      transition: all .7s; }
      section.nuestros-servicios figure .mascara h2 {
        font-family: "novecentos-bold"; }
        @media screen and (max-width: 480px) {
          section.nuestros-servicios figure .mascara h2 {
            text-align: center;
            font-size: 21px; } }
    section.nuestros-servicios figure .ver-servicios {
      position: absolute;
      left: 0;
      right: 0;
      top: -100%;
      bottom: 0;
      font-family: "novecentos-bold";
      font-size: 14px;
      text-align: center;
      width: 133px;
      height: 37px;
      background: #DF9F00;
      margin: 0 auto;
      line-height: 34px;
      color: #FFF;
      transition: all .7s; }
    section.nuestros-servicios figure:hover .mascara {
      top: -100%;
      transition: all .5s; }
    section.nuestros-servicios figure:hover .ver-servicios {
      top: 0;
      margin: auto;
      transition: all .7s; }
      section.nuestros-servicios figure:hover .ver-servicios a {
        text-decoration: none;
        color: #FFF; }
    section.nuestros-servicios figure img {
      width: 100%; }

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