@media (max-width: 575.98px) {
  ol.pretty {
    padding-left: 1rem; }
    ol.pretty li {
      background-size: 1.6rem 1.6rem; }

  /**** HOME ****/
  section.home .picture {
    background-image: url("/img/pic_home_mobile.jpg");
    background-size: 575px 427px;
    background-position: center top;
    height: 427px; }

  section.home .flower {
    height: 250px;
    background-size: 420px 215px; }
    section.home .flower .slogan {
      bottom: 30px;
      font-size: 1.4em; }

  section.home .link_contact img {
    width: 8%; }

  /**** STORY ****/
  section.story .section2 {
    padding: 1% 20%; }

  section.story .section1 h2, section.story .section3 h2 {
    font-size: 1.5em; }
  section.story .section1 p, section.story .section3 p {
    font-size: 1.2em; }

  /**** APP ****/
  section.app div.picture {
    background-position: right center;
    background-image: url("/img/app_background1_mobile.jpg");
    background-size: 575px; }

  section.app > .bulletpoints {
    padding: 15px 15px 15px 15px; }
    section.app > .bulletpoints h2 {
      text-align: center;
      margin: 0.5em 0em 0em 0em; }
    section.app > .bulletpoints h3 {
      text-align: center;
      margin: 0em 0em 0.5em 0em; }

  section.app > .content {
    padding: 100px 30px 30px 30px; }
    section.app > .content div.text {
      text-align: left; }

  section.app > .focus {
    padding: 100px 30px 30px 30px; }
    section.app > .focus div.text {
      text-align: left; }

  section.app > .how .section {
    grid-template-columns: auto;
    grid-template-rows: auto auto auto auto;
    text-align: center;
    padding: 30px 0px;
    max-width: 400px;
    margin: 0px auto; }
  section.app > .how .section img.image {
    margin: 0px auto;
    width: 133.5px;
    height: 133.5px;
    grid-row-start: 1;
    grid-row-end: 1; }

  section.app > .subscription .subscription_info img.arrow {
    display: none; }

  /**** SERVICES ****/
  section.services .section {
    flex-direction: column; }
    section.services .section .title {
      background-position: bottom center;
      background-size: 15px;
      padding: 20px 20% 60px 20%;
      width: 100%;
      text-align: center; }
    section.services .section .text {
      padding: 20px 10% 20px 10%;
      width: 100%;
      text-align: center; }

  section.services .section1, section.services .section3 {
    background-position: top center;
    background-image: url("/img/services_background_flower_top.png"); }
    section.services .section1 .title, section.services .section3 .title {
      background-image: url("/img/arrows_bottom.png"); }

  section.services .section2, section.services .section4 {
    background-size: auto;
    background-position: top center;
    background-image: url("/img/services_background_flower2_top.png");
    background-color: #A33270; }
    section.services .section2 .title, section.services .section4 .title {
      color: white;
      background-image: url("/img/arrows_bottom_white.png"); }
    section.services .section2 .text, section.services .section4 .text {
      color: white; }

  section.services .link_contact div.text {
    width: 86%; }

  /**** TEAM ****/
  section.team .section .title {
    width: auto;
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto auto auto auto;
    background: none;
    margin: 0px;
    padding: 20px; }
    section.team .section .title img.picture {
      margin: 0px 0px 10px 0px; }
    section.team .section .title h2 {
      margin: 0px 0px 10px 0px;
      text-align: left; }
    section.team .section .title h3 {
      margin: 0px 0px 10px 0px;
      text-align: left; }
    section.team .section .title p {
      margin: 0px 0px 0px 0px;
      text-align: left; }
  section.team .section .text {
    padding-top: 0px;
    font-size: 0.9em; }

  /**** CONTACT ****/
  section.contact .contact_form .inputs {
    flex-direction: column;
    margin: 0px 10%; }
    section.contact .contact_form .inputs label {
      text-align: left;
      margin: 10px 0px 3px 0px; }
    section.contact .contact_form .inputs input, section.contact .contact_form .inputs textarea {
      margin: 0px;
      width: 100%; }
    section.contact .contact_form .inputs .btn {
      margin: 0px auto; } }

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