/* Variables */
/* Mixins */
/* Maps */
/* Polices */
@font-face {
  font-family: Roboto, sans-serif;
  src: url(https://fonts.google.com/specimen/Roboto);
  font-family: Chilanka, cursive;
  src: url(https://fonts.google.com/specimen/Chilanka);
  font-family: Devonshire, cursive;
  src: url(https://fonts.google.com/specimen/Devonshire);
  font-family: Lobster Two, cursive;
  src: url(https://fonts.google.com/specimen/Lobster+Two);
  font-family: Dancing Script, cursive;
  src: url(https://fonts.google.com/specimen/Dancing+Script);
  font-family: Caveat, cursive;
  src: url(https://fonts.google.com/specimen/Caveat);
  font-family: Mali, cursive;
  src: url(https://fonts.google.com/specimen/Mali);
  font-family: Roboto Slab, sans-serif;
  src: url(https://fonts.google.com/specimen/Roboto+Slab);
  font-family: Kalam, cursive;
  src: url(https://fonts.google.com/specimen/Kalam);
  font-family: Architects Daughter, cursive;
  src: url(https://fonts.google.com/specimen/Architects+Daughter);
  font-family: Red Hat Display, sans-serif;
  src: url(https://fonts.google.com/specimen/Red+Hat+Display);
}
/* Keyframes */
@-webkit-keyframes shake {
  10%, 90% {
    -webkit-transform: translate3d(-1px, 0, 0);
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    -webkit-transform: translate3d(2px, 0, 0);
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    -webkit-transform: translate3d(-4px, 0, 0);
    transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    -webkit-transform: translate3d(4px, 0, 0);
    transform: translate3d(4px, 0, 0);
  }
}
@keyframes shake {
  10%, 90% {
    -webkit-transform: translate3d(-1px, 0, 0);
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    -webkit-transform: translate3d(2px, 0, 0);
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    -webkit-transform: translate3d(-4px, 0, 0);
    transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    -webkit-transform: translate3d(4px, 0, 0);
    transform: translate3d(4px, 0, 0);
  }
}
@-webkit-keyframes pointSuspension {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes pointSuspension {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
  body {
    font-size: 1em;
    padding-bottom: 10%;
  }

  header img {
    max-width: 300px;
  }

  .menuSelect {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .menuSelect__menu--property {
    width: 40%;
    height: 450px;
    font-size: 1.3em;
  }
  .menuSelect__btnProch {
    padding-left: 5%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  body {
    font-size: 1em;
    padding-bottom: 0%;
  }

  header {
    margin-bottom: 25px;
  }
  header img {
    max-width: 400px;
  }

  .menuSelect {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .menuSelect__menu--property {
    width: 22%;
    height: 400px;
    font-size: 1.2em;
    margin: initial;
    margin-right: 1.5%;
    margin-left: 1.5%;
    margin-top: 4%;
    margin-bottom: 6%;
  }
  .menuSelect__btnProch {
    padding-left: 5%;
  }
}
@media screen and (min-width: 1440px) {
  body {
    font-size: 1em;
    padding-bottom: 0%;
  }

  header {
    margin-bottom: 0px;
  }
  header img {
    max-width: 425px;
  }

  .menuSelect {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .menuSelect__menu--property {
    width: 20%;
    height: 450px;
    font-size: 1.4em;
    margin: initial;
    margin-right: 2.5%;
    margin-left: 2.5%;
    margin-top: 4%;
    margin-bottom: 4%;
  }
  .menuSelect__btnProch {
    padding-left: 5%;
  }
}

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