@media (max-width: 767.98px) {
  /**** HOME ****/
  section.home .picture {
    height: 400px; }
    section.home .picture .logo {
      right: 55px;
      top: 55px;
      height: 200px;
      width: 200px; }
    section.home .picture .slogan {
      max-width: 200px;
      right: 55px;
      top: 270px; }

  section.home .flower {
    height: 400px;
    background-size: 672px 344px; }
    section.home .flower .slogan {
      bottom: 60px;
      font-size: 1.6em; }

  section.home .links {
    flex-wrap: wrap;
    justify-content: space-around;
    background: linear-gradient(90deg, #00a59e 0%, #272362 50%, #90268f 100%);
    padding: 0px; }
    section.home .links > a {
      width: 45%;
      margin: 0px; }
      section.home .links > a img {
        margin: 5% 0px 5% 0px; }
      section.home .links > a span {
        font-size: 3vw;
        top: 50%; }
      section.home .links > a .shadow {
        display: none; }
    section.home .links .link1 {
      order: 1; }
    section.home .links .link2 {
      order: 3;
      margin-top: -25%; }
    section.home .links .link3 {
      order: 2; }

  /**** STORY ****/
  section.story .picture {
    height: 400px; }
    section.story .picture .picture_content .ribbon {
      width: 205px;
      height: 36px;
      font-size: 1.3em; }
    section.story .picture .picture_content .arrow {
      height: 14px; }

  section.story .section2 {
    background-image: url("/img/story_background2_mobile.jpg"); }

  /***** INFLUENCES *****/
  section.influences h1 {
    font-size: 1.8em; }

  /**** APP ****/
  section.app .content div.lists {
    flex-direction: column; }
    section.app .content div.lists ul {
      margin: 0px; }
    section.app .content div.lists ul:first-child {
      text-align: left;
      border: none;
      max-width: initial; }

  section.app .how {
    grid-template-columns: auto;
    padding: 100px 15px 30px 15px; }
    section.app .how .section {
      display: grid;
      grid-template-columns: auto auto;
      grid-template-rows: auto auto auto;
      text-align: center;
      padding: 30px 0px; }
    section.app .how .section img.image {
      width: 178px;
      height: 178px;
      grid-row-start: 1;
      grid-row-end: span 3;
      margin: 0px 15px; }
    section.app .how .section div.title {
      min-height: 0px; }
    section.app .how .section div.text {
      text-align: center; }
    section.app .how .section img.threedots {
      margin: 0px auto; }

  /**** SERVICES ****/
  section.services .picture .ratio_forcer {
    padding-top: 55%; }
  section.services .picture .picture_content .ribbon {
    width: 180px;
    height: 36px;
    font-size: 1.3em;
    border-radius: 7px; }
  section.services .picture .picture_content .arrow {
    width: 15px; }

  section.services .section .title {
    background-size: 30px;
    padding: 0px 40px 0px 10px;
    font-size: 1.2em; }

  section.services .link_contact div.text {
    width: 70%; }
  section.services .link_contact div.link img {
    width: 40px; }

  /**** TEAM ****/
  section.team .picture .ratio_forcer {
    padding-top: 55%; }
  section.team .picture .picture_content .ribbon {
    width: 180px;
    height: 36px;
    font-size: 1.3em;
    border-radius: 7px; }
  section.team .picture .picture_content .arrow {
    width: 15px; }

  section.team .section {
    flex-direction: column; }
    section.team .section .title {
      width: auto;
      display: grid;
      grid-template-columns: auto auto;
      grid-template-rows: auto auto auto;
      background: none;
      margin: 0px;
      padding: 20px; }
      section.team .section .title img.picture {
        margin: 0px 20px 0px 0px;
        grid-row-start: 1;
        grid-row-end: 4; }
      section.team .section .title h2 {
        margin: 0px 0px 0px 0px;
        text-align: left; }
      section.team .section .title h3 {
        margin: 0px 0px 0px 0px;
        text-align: left; }
      section.team .section .title p {
        margin: 0px 0px 0px 0px;
        text-align: left; }
    section.team .section .text {
      margin: 0px;
      padding: 20px;
      width: auto;
      text-align: justify; }

  section.team .section2, section.team .section4 {
    background: #a33270;
    background: linear-gradient(180deg, #a33270 0%, #f18f06 50%, #f18f06 100%); }
    section.team .section2 .title p a, section.team .section4 .title p a {
      color: #25EADA; }

  /**** CONTACT ****/
  section.contact .picture .ratio_forcer {
    padding-top: 55%; }
  section.contact .picture .picture_content .ribbon {
    width: 180px;
    height: 36px;
    font-size: 1.3em;
    border-radius: 7px; }
  section.contact .picture .picture_content .arrow {
    width: 15px; }

  section.contact .contact_form .inputs {
    width: auto;
    margin: 0px auto;
    display: flex;
    flex-wrap: wrap;
    align-items: start; }
    section.contact .contact_form .inputs label {
      text-align: right;
      width: 150px;
      margin: 10px; } }

/*# sourceMappingURL=style-768.css.map */