@font-face {
  font-family: 'icomoon';
  src: url("../_fonts/icomoon.eot?6vcp9i");
  src: url("../_fonts/icomoon.eot?6vcp9i#iefix") format("embedded-opentype"), url("../_fonts/icomoon.ttf?6vcp9i") format("truetype"), url("../_fonts/icomoon.woff?6vcp9i") format("woff"), url("../_fonts/icomoon.svg?6vcp9i#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-home:before {
  content: "\e900";
  color: #425664; }

.icon-bubble:before {
  content: "\e901";
  color: #425664; }

.icon-flower:before {
  content: "\e902";
  color: #425664; }

.icon-bubble-a:before {
  content: "\e903";
  color: #425664; }

.icon-flower-a:before {
  content: "\e904";
  color: #425664; }

.icon-path-a:before {
  content: "\e905";
  color: #425664; }

.icon-path:before {
  content: "\e906";
  color: #425664; }

.icon-home-a:before {
  content: "\e907";
  color: #425664; }

body {
  width: 100%;
  margin: 0;
  color: #425664;
  font-family: "Montserrat", sans-serif;
  background-color: #F6F4F2; }
  body .bold {
    font-weight: bold; }
  body .line_text .line_2 {
    display: none; }
    @media screen and (max-width: 992px) {
      body .line_text .line_2 {
        display: block; } }
  body .cta {
    font-family: "Rubik", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none; }
  body .cta_a {
    color: #AB8659;
    background-color: #F6F4F2;
    border: solid 3px #AB8659; }
    @media screen and (max-width: 992px) {
      body .cta_a {
        color: #F6F4F2;
        background-color: #AB8659;
        border: none; } }
  body .cta_a:hover {
    color: #F6F4F2;
    background-color: #AB8659;
    border: solid 3px #F6F4F2;
    transition: all 0.3s ease-out; }
    @media screen and (max-width: 992px) {
      body .cta_a:hover {
        color: #AB8659;
        background-color: #F6F4F2;
        border: solid 3px #AB8659; } }
  body .cta_b {
    color: #C6AD8F;
    background-color: #144C59;
    border: solid 3px #C6AD8F; }
    @media screen and (max-width: 992px) {
      body .cta_b {
        color: #144C59;
        background-color: #C6AD8F;
        border: none; } }
  body .cta_b:hover {
    color: #144C59;
    background-color: #C6AD8F;
    border: solid 3px #144C59;
    transition: all 0.3s ease-out; }
    @media screen and (max-width: 992px) {
      body .cta_b:hover {
        color: #C6AD8F;
        background-color: #144C59;
        border: solid 3px #C6AD8F; } }
  body .cta_c {
    color: #C6AD8F;
    background-color: #425664;
    border: solid 3px #C6AD8F; }
    @media screen and (max-width: 992px) {
      body .cta_c {
        color: #425664;
        background-color: #C6AD8F;
        border: none; } }
  body .cta_c:hover {
    color: #425664;
    background-color: #C6AD8F;
    border: solid 3px #425664;
    transition: all 0.3s ease-out; }
    @media screen and (max-width: 992px) {
      body .cta_c:hover {
        color: #C6AD8F;
        background-color: #425664;
        border: solid 3px #C6AD8F; } }
  body header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    position: relative; }
    body header img {
      margin: auto; }
      @media screen and (min-width: 1537px) {
        body header img {
          width: 12%; } }
      @media screen and (max-width: 1536px) {
        body header img {
          width: 12%; } }
      @media screen and (max-width: 992px) {
        body header img {
          width: 30%; } }
      @media screen and (max-width: 576px) {
        body header img {
          width: 50%; } }
    body header #regular_menu {
      width: 100%; }
      body header #regular_menu ul {
        display: flex;
        justify-content: space-around;
        margin: auto;
        list-style: none; }
        @media screen and (min-width: 1537px) {
          body header #regular_menu ul {
            width: 75%; } }
        @media screen and (max-width: 1536px) {
          body header #regular_menu ul {
            width: 70%; } }
        @media screen and (max-width: 1366px) {
          body header #regular_menu ul {
            width: 65%; } }
        @media screen and (max-width: 992px) {
          body header #regular_menu ul {
            width: 90%; } }
        @media screen and (max-width: 576px) {
          body header #regular_menu ul {
            display: none; } }
        body header #regular_menu ul li a {
          color: #144C59;
          font-family: "Bebas Neue", cursive;
          text-transform: uppercase;
          text-decoration: none; }
          @media screen and (min-width: 1537px) {
            body header #regular_menu ul li a {
              font-size: 2.1em; } }
          @media screen and (max-width: 1536px) {
            body header #regular_menu ul li a {
              font-size: 2em; } }
          @media screen and (max-width: 1366px) {
            body header #regular_menu ul li a {
              font-size: 1.8em; } }
          @media screen and (max-width: 992px) {
            body header #regular_menu ul li a {
              font-size: 1.8em; } }
        body header #regular_menu ul li a:hover {
          color: #AB8659;
          transition: all 0.5s ease; }
        body header #regular_menu ul li a::after {
          content: " ";
          display: block;
          height: 2px;
          width: 75px;
          position: relative;
          bottom: -10px;
          opacity: 0; }
        body header #regular_menu ul li a:hover::after {
          background-color: #AB8659;
          transition: all 0.5s ease;
          bottom: 0;
          opacity: 1; }
        body header #regular_menu ul li .active {
          color: #AB8659; }
        body header #regular_menu ul li .active::after {
          content: " ";
          display: block;
          height: 2px;
          width: 75px;
          position: relative;
          background-color: #AB8659;
          bottom: 0;
          opacity: 1; }
    body header #tab_bar {
      display: none; }
      @media screen and (max-width: 576px) {
        body header #tab_bar {
          display: flex;
          width: 100%;
          height: 10vh;
          padding: 1% 0;
          border-top: solid 1px #425664;
          background: #F6F4F2;
          position: fixed;
          bottom: 0;
          z-index: 50; } }
      body header #tab_bar ul {
        width: 100%;
        display: flex;
        justify-content: space-around;
        align-items: center;
        list-style: none;
        padding: 0;
        margin: 0; }
        body header #tab_bar ul li a {
          text-decoration: none;
          text-align: center;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center; }
          body header #tab_bar ul li a span {
            font-family: 'icomoon' !important;
            font-size: 2.5em; }
            body header #tab_bar ul li a span p {
              font-family: "Rubik", sans-serif;
              color: #425664;
              text-transform: uppercase;
              font-size: 0.3em !important;
              font-weight: 500;
              text-align: center;
              margin-bottom: 0; }
          body header #tab_bar ul li a .icon-home-a::after, body header #tab_bar ul li a .icon-path-a::after, body header #tab_bar ul li a .icon-flower-a::after, body header #tab_bar ul li a .icon-bubble-a::after {
            content: " ";
            display: block;
            height: 1px;
            width: 30%;
            background-color: #425664;
            position: relative;
            left: 50%;
            transform: translateX(-50%);
            top: 2px; }
    body header #return-to-top {
      display: none;
      width: 50px;
      height: 50px;
      background: rgba(66, 86, 100, 0.75);
      position: fixed;
      bottom: 20px;
      right: 20px;
      transition: all 0.4s ease;
      z-index: 55; }
      @media screen and (max-width: 576px) {
        body header #return-to-top {
          bottom: 100px; } }
      body header #return-to-top .chevron_up {
        width: 15px;
        height: 15px;
        border-top: solid 4px #F6F4F2;
        border-left: solid 4px #F6F4F2;
        transform: rotate(45deg);
        position: relative;
        left: 15px;
        top: 20px;
        transition: all 0.5s ease; }
    body header #return-to-top:hover {
      background-color: rgba(171, 134, 89, 0.75); }
    body header #return-to-top:hover .chevron_up {
      border-top: solid 4px #F6F4F2;
      border-left: solid 4px #F6F4F2;
      top: 13px; }
  body main {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    position: relative; }
    @media screen and (min-width: 1537px) {
      body main {
        flex-direction: row;
        align-items: flex-end;
        width: 80%;
        padding-left: 10%; } }
    @media screen and (max-width: 1536px) {
      body main {
        flex-direction: row;
        align-items: flex-end;
        width: 80%;
        padding-left: 10%; } }
    @media screen and (max-width: 1366px) {
      body main {
        padding-left: 5%; } }
    @media screen and (max-width: 992px) {
      body main {
        flex-direction: column;
        align-items: center;
        width: 100%;
        padding: 0;
        top: 0px;
        margin-bottom: 0; } }
    body main #main_content {
      display: flex;
      flex-direction: column; }
      @media screen and (min-width: 1537px) {
        body main #main_content {
          align-items: flex-start;
          padding-bottom: 6%; } }
      @media screen and (max-width: 1536px) {
        body main #main_content {
          align-items: flex-start;
          padding-bottom: 3%; } }
      @media screen and (max-width: 1366px) {
        body main #main_content {
          padding-bottom: 4%; } }
      @media screen and (max-width: 992px) {
        body main #main_content {
          align-items: center;
          padding-bottom: 0; } }
      body main #main_content h1, body main #main_content p {
        font-weight: 400;
        line-height: 1.7em; }
        @media screen and (min-width: 1537px) {
          body main #main_content h1, body main #main_content p {
            width: 100%;
            font-size: 1.1em; } }
        @media screen and (max-width: 1536px) {
          body main #main_content h1, body main #main_content p {
            width: 100%;
            font-size: 1em; } }
        @media screen and (max-width: 1366px) {
          body main #main_content h1, body main #main_content p {
            width: 85%;
            font-size: 0.95em; } }
        @media screen and (max-width: 992px) {
          body main #main_content h1, body main #main_content p {
            width: 80%;
            margin: auto auto 5%;
            font-size: 0.9em; } }
        @media screen and (max-width: 576px) {
          body main #main_content h1, body main #main_content p {
            width: 85%; } }
      body main #main_content .line_text {
        display: flex;
        font-family: "Rubik", sans-serif;
        font-size: 0.8em;
        font-weight: 500;
        text-transform: uppercase; }
        @media screen and (min-width: 1537px) {
          body main #main_content .line_text {
            width: 25%;
            justify-content: space-between;
            align-items: center;
            padding-top: 3%; } }
        @media screen and (max-width: 1536px) {
          body main #main_content .line_text {
            width: 25%;
            justify-content: space-between;
            align-items: center;
            padding-top: 3%; } }
        @media screen and (max-width: 1366px) {
          body main #main_content .line_text {
            width: 23%; } }
        @media screen and (max-width: 992px) {
          body main #main_content .line_text {
            margin: auto; } }
        @media screen and (max-width: 576px) {
          body main #main_content .line_text {
            margin: auto; } }
        body main #main_content .line_text p {
          font-size: 1em;
          font-weight: 400;
          line-height: 1.7em; }
          @media screen and (max-width: 992px) {
            body main #main_content .line_text p {
              margin: auto auto 0;
              text-align: center;
              line-height: 2em; } }
          @media screen and (max-width: 576px) {
            body main #main_content .line_text p {
              font-size: 0.9em; } }
        body main #main_content .line_text .line_1, body main #main_content .line_text .line_2 {
          height: 2px;
          background-color: #AB8659; }
          @media screen and (min-width: 1537px) {
            body main #main_content .line_text .line_1, body main #main_content .line_text .line_2 {
              width: 30%;
              margin-right: 3%; } }
          @media screen and (max-width: 1536px) {
            body main #main_content .line_text .line_1, body main #main_content .line_text .line_2 {
              width: 30%;
              margin-right: 5%; } }
          @media screen and (max-width: 1366px) {
            body main #main_content .line_text .line_1, body main #main_content .line_text .line_2 {
              width: 25%;
              margin-right: 7%; } }
          @media screen and (max-width: 992px) {
            body main #main_content .line_text .line_1, body main #main_content .line_text .line_2 {
              width: 20%;
              margin: 0; } }
          @media screen and (max-width: 576px) {
            body main #main_content .line_text .line_1, body main #main_content .line_text .line_2 {
              width: 10%; } }
      body main #main_content #main_text_1 {
        margin: 0; }
        @media screen and (min-width: 1537px) {
          body main #main_content #main_text_1 {
            font-size: 2em;
            padding: 1% 0 0 0; } }
        @media screen and (max-width: 1536px) {
          body main #main_content #main_text_1 {
            font-size: 1.9em;
            padding: 1% 0 0 0; } }
        @media screen and (max-width: 1366px) {
          body main #main_content #main_text_1 {
            font-size: 1.8em; } }
        @media screen and (max-width: 992px) {
          body main #main_content #main_text_1 {
            font-size: 1.5em;
            text-align: center;
            padding: 2% 0 1% 0; } }
        @media screen and (max-width: 576px) {
          body main #main_content #main_text_1 {
            font-size: 1em; } }
      body main #main_content #main_text_2 {
        color: #144C59;
        font-family: "Bebas Neue", cursive;
        margin: 0; }
        @media screen and (min-width: 1537px) {
          body main #main_content #main_text_2 {
            font-size: 3.7em;
            padding: 0; } }
        @media screen and (max-width: 1536px) {
          body main #main_content #main_text_2 {
            font-size: 3.5em;
            padding: 0; } }
        @media screen and (max-width: 1366px) {
          body main #main_content #main_text_2 {
            font-size: 3.2em; } }
        @media screen and (max-width: 992px) {
          body main #main_content #main_text_2 {
            font-size: 2.8em;
            text-align: center;
            padding: 0 0 2% 0; } }
        @media screen and (max-width: 576px) {
          body main #main_content #main_text_2 {
            font-size: 2.2em;
            padding: 1% 0 2% 0; } }
      @media screen and (min-width: 1537px) {
        body main #main_content .cta {
          width: 70%;
          font-size: 1.2em;
          padding: 3.5% 0;
          margin-top: 4%; } }
      @media screen and (max-width: 1536px) {
        body main #main_content .cta {
          width: 70%;
          font-size: 1.1em;
          padding: 3.5% 0;
          margin-top: 4%; } }
      @media screen and (max-width: 1366px) {
        body main #main_content .cta {
          font-size: 1em; } }
      @media screen and (max-width: 992px) {
        body main #main_content .cta {
          width: 40%;
          font-size: 1.1em;
          padding: 3% 2.5%;
          margin: 0 0 2%; } }
      @media screen and (max-width: 576px) {
        body main #main_content .cta {
          width: 60%;
          font-size: 0.9em;
          padding: 4% 3.5%;
          margin: 5% 0; } }
    @media screen and (min-width: 1537px) {
      body main #main_img {
        width: 45%;
        padding-right: 12%; } }
    @media screen and (max-width: 1536px) {
      body main #main_img {
        width: 47%;
        padding-right: 10%; } }
    @media screen and (max-width: 1366px) {
      body main #main_img {
        width: 50%;
        padding-right: 8%; } }
@-moz-document url-prefix() {
  @media screen and (max-width: 1366px) {
    body main #main_img {
      width: 90%;
      padding-right: 8%; } } }
    @media screen and (max-width: 992px) {
      body main #main_img {
        width: 60%;
        padding-right: 0; } }
    @media screen and (max-width: 576px) {
      body main #main_img {
        width: 100%; } }
  body .main_contact {
    display: flex;
    justify-content: center;
    position: relative;
    align-items: flex-start;
    width: 80%; }
    @media screen and (min-width: 1537px) {
      body .main_contact {
        flex-direction: row;
        padding-left: 10%;
        margin: 3% auto; } }
    @media screen and (max-width: 1536px) {
      body .main_contact {
        flex-direction: row;
        padding-left: 10%;
        margin: 3% auto; } }
    @media screen and (max-width: 1366px) {
      body .main_contact {
        padding-left: 5%;
        margin: 5% auto; } }
    @media screen and (max-width: 992px) {
      body .main_contact {
        flex-direction: column;
        align-items: center;
        width: 100%;
        padding: 0;
        top: 0;
        margin-bottom: 0; } }
    body .main_contact .contact_text {
      display: flex;
      flex-direction: column;
      align-items: flex-start; }
      @media screen and (min-width: 1537px) {
        body .main_contact .contact_text {
          padding-bottom: 6%; } }
      @media screen and (max-width: 1536px) {
        body .main_contact .contact_text {
          padding-bottom: 3%; } }
      @media screen and (max-width: 1366px) {
        body .main_contact .contact_text {
          padding-bottom: 4%; } }
      @media screen and (max-width: 992px) {
        body .main_contact .contact_text {
          align-items: center;
          padding-bottom: 0; } }
      body .main_contact .contact_text .line_text {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-top: 3%;
        font-family: "Rubik", sans-serif;
        font-size: 0.8em;
        font-weight: 500;
        text-transform: uppercase; }
        @media screen and (min-width: 1537px) {
          body .main_contact .contact_text .line_text {
            width: 25%; } }
        @media screen and (max-width: 1536px) {
          body .main_contact .contact_text .line_text {
            width: 25%; } }
        @media screen and (max-width: 1366px) {
          body .main_contact .contact_text .line_text {
            width: 23%; } }
        @media screen and (max-width: 992px) {
          body .main_contact .contact_text .line_text {
            margin: auto; } }
        @media screen and (max-width: 576px) {
          body .main_contact .contact_text .line_text {
            margin: auto; } }
        body .main_contact .contact_text .line_text p {
          font-size: 0.95em;
          font-weight: 400;
          line-height: 1.7em; }
          @media screen and (max-width: 992px) {
            body .main_contact .contact_text .line_text p {
              margin: auto auto 0;
              font-size: 0.9em;
              text-align: center;
              line-height: 2em; } }
        body .main_contact .contact_text .line_text .line_1, body .main_contact .contact_text .line_text .line_2 {
          height: 2px;
          background-color: #AB8659; }
          @media screen and (min-width: 1537px) {
            body .main_contact .contact_text .line_text .line_1, body .main_contact .contact_text .line_text .line_2 {
              width: 30%;
              margin-right: 3%; } }
          @media screen and (max-width: 1536px) {
            body .main_contact .contact_text .line_text .line_1, body .main_contact .contact_text .line_text .line_2 {
              width: 30%;
              margin-right: 5%; } }
          @media screen and (max-width: 1366px) {
            body .main_contact .contact_text .line_text .line_1, body .main_contact .contact_text .line_text .line_2 {
              width: 25%;
              margin-right: 7%; } }
          @media screen and (max-width: 992px) {
            body .main_contact .contact_text .line_text .line_1, body .main_contact .contact_text .line_text .line_2 {
              width: 20%;
              margin: 0; } }
          @media screen and (max-width: 576px) {
            body .main_contact .contact_text .line_text .line_1, body .main_contact .contact_text .line_text .line_2 {
              width: 10%; } }
      body .main_contact .contact_text .contact_intro {
        text-align: left; }
        @media screen and (min-width: 1537px) {
          body .main_contact .contact_text .contact_intro {
            font-size: 1.5em;
            width: 90%; } }
        @media screen and (max-width: 1536px) {
          body .main_contact .contact_text .contact_intro {
            font-size: 1.4em;
            width: 70%; } }
        @media screen and (max-width: 1366px) {
          body .main_contact .contact_text .contact_intro {
            font-size: 1.3em;
            width: 90%; } }
        @media screen and (max-width: 992px) {
          body .main_contact .contact_text .contact_intro {
            width: 38%;
            text-align: center; } }
        @media screen and (max-width: 576px) {
          body .main_contact .contact_text .contact_intro {
            font-size: 1.2em;
            width: 50%; } }
      body .main_contact .contact_text p {
        width: 100%;
        text-align: left; }
        @media screen and (min-width: 1537px) {
          body .main_contact .contact_text p {
            font-size: 1em;
            line-height: 1.7em; } }
        @media screen and (max-width: 1536px) {
          body .main_contact .contact_text p {
            font-size: 1em;
            line-height: 1.7em; } }
        @media screen and (max-width: 1366px) {
          body .main_contact .contact_text p {
            font-size: 0.9em;
            line-height: 2em; } }
        @media screen and (max-width: 992px) {
          body .main_contact .contact_text p {
            font-size: 0.9em;
            text-align: center; } }
        @media screen and (max-width: 576px) {
          body .main_contact .contact_text p {
            width: 80%;
            line-height: 1.7em; } }
        body .main_contact .contact_text p a {
          color: #AB8659; }
        body .main_contact .contact_text p a:hover {
          color: #144C59; }
    body .main_contact form {
      display: flex;
      flex-direction: column;
      width: 100%;
      overflow: hidden; }
      body .main_contact form .form_field {
        display: flex;
        flex-direction: column;
        font-size: 1em;
        width: 80%;
        height: 3.125em;
        margin: 2.5% auto;
        position: relative; }
        body .main_contact form .form_field input {
          width: 100%;
          height: 100%;
          padding-top: 1.25em;
          font-size: 1em !important;
          color: #425664;
          background-color: #F6F4F2;
          font-family: "Montserrat", sans-serif !important;
          border: none;
          outline: none; }
          @media screen and (max-width: 576px) {
            body .main_contact form .form_field input {
              font-size: 0.9em !important; } }
        body .main_contact form .form_field label {
          width: 100%;
          height: 100%;
          position: absolute;
          bottom: 0;
          left: 0;
          border-bottom: 1px solid #425664;
          pointer-events: none; }
        body .main_contact form .form_field label::after {
          content: "";
          width: 100%;
          height: 100%;
          position: absolute;
          left: 0;
          bottom: -1px;
          border-bottom: 2.5px solid #AB8659;
          transition: all 0.6s ease;
          transform: translateX(150%); }
          @media screen and (max-width: 992px) {
            body .main_contact form .form_field label::after {
              transform: translateX(-150%); } }
        body .main_contact form .form_field .content-name {
          position: absolute;
          bottom: 0.3125em;
          left: 0;
          transition: all 0.6s ease; }
        body .main_contact form .form_field input:focus + .label-name .content-name, body .main_contact form .form_field input:not(:placeholder-shown) + .label-name .content-name {
          color: #AB8659;
          transform: translateY(-150%); }
        body .main_contact form .form_field input:focus + .label-name::after, body .main_contact form .form_field input:not(:placeholder-shown) + .label-name::after {
          transform: translateX(0%); }
      body .main_contact form .form_message {
        display: flex;
        flex-direction: column;
        font-size: 1em;
        width: 80%;
        height: 15em;
        margin: 5% auto;
        position: relative; }
        @media screen and (max-width: 576px) {
          body .main_contact form .form_message {
            margin: 7.5% auto 3%; } }
        body .main_contact form .form_message textarea {
          width: 100%;
          height: 100%;
          font-size: 1em !important;
          color: #425664;
          background-color: #F6F4F2;
          font-family: "Montserrat", sans-serif !important;
          position: absolute;
          top: 0;
          border: none;
          outline: none; }
          @media screen and (max-width: 576px) {
            body .main_contact form .form_message textarea {
              font-size: 0.9em !important; } }
        body .main_contact form .form_message label {
          width: 100%;
          height: 100%;
          border-bottom: 1px solid #425664;
          position: absolute;
          top: -5%;
          left: 0;
          pointer-events: none; }
          @media screen and (min-width: 1537px) {
            body .main_contact form .form_message label {
              padding-bottom: 3%; } }
          @media screen and (max-width: 1536px) {
            body .main_contact form .form_message label {
              padding-bottom: 5%; } }
          @media screen and (max-width: 992px) {
            body .main_contact form .form_message label {
              padding-bottom: 4%; } }
          @media screen and (max-width: 576px) {
            body .main_contact form .form_message label {
              top: 0;
              padding-bottom: 2%; } }
        body .main_contact form .form_message label::after {
          content: "";
          height: 100%;
          width: 100%;
          position: absolute;
          left: 0;
          bottom: 0;
          outline: 2.5px solid #AB8659;
          transition: all 0.6s ease;
          transform: translateX(150%); }
          @media screen and (max-width: 992px) {
            body .main_contact form .form_message label::after {
              transform: translateX(-150%); } }
        body .main_contact form .form_message .content-name {
          position: absolute;
          top: 0.3125em;
          left: 0;
          transition: all 0.6s ease; }
        body .main_contact form .form_message textarea:focus + .label-name .content-name, body .main_contact form .form_message textarea:not(:placeholder-shown) + .label-name .content-name {
          color: #AB8659;
          transform: translateY(-150%); }
        body .main_contact form .form_message textarea:focus + .label-name::after, body .main_contact form .form_message input:not(:placeholder-shown) + .label-name::after {
          transform: translateX(0%); }
      body .main_contact form .form_checkbox {
        display: flex;
        width: 80%;
        margin: 2% auto 3%;
        align-items: center;
        justify-content: space-between; }
        body .main_contact form .form_checkbox a {
          color: #AB8659;
          font-weight: 500; }
        body .main_contact form .form_checkbox a:hover {
          color: #144C59; }
      body .main_contact form button {
        font-weight: 600;
        text-transform: uppercase;
        text-align: center;
        text-decoration: none;
        border: solid 2px #AB8659;
        cursor: pointer; }
        @media screen and (min-width: 1537px) {
          body .main_contact form button {
            width: 45%;
            font-size: 1.2em;
            padding: 2% 0;
            margin: 0 0 0 30%; } }
        @media screen and (max-width: 1536px) {
          body .main_contact form button {
            width: 45%;
            font-size: 1.1em;
            padding: 3% 0;
            margin: 4% 0 0 27%; } }
        @media screen and (max-width: 1366px) {
          body .main_contact form button {
            width: 40%;
            font-size: 1em;
            padding: 3.5% 0;
            margin: 4% 0 0 35%; } }
        @media screen and (max-width: 992px) {
          body .main_contact form button {
            width: 35%;
            font-size: 1.1em;
            padding: 3% 2.5%;
            margin: 0 auto 2%; } }
        @media screen and (max-width: 576px) {
          body .main_contact form button {
            width: 60%;
            font-size: 0.9em;
            padding: 4% 3.5%;
            margin: 5% auto; } }
      body .main_contact form button:hover {
        border: solid 2px #F6F4F2; }
  body #main_thankyou {
    justify-content: flex-start; }
    body #main_thankyou .cta {
      width: 70%;
      padding: 3.5% 0;
      margin-top: 5%; }
      @media screen and (min-width: 1537px) {
        body #main_thankyou .cta {
          font-size: 1.2em; } }
      @media screen and (max-width: 1536px) {
        body #main_thankyou .cta {
          font-size: 1.1em; } }
      @media screen and (max-width: 1366px) {
        body #main_thankyou .cta {
          font-size: 1em; } }
      @media screen and (max-width: 992px) {
        body #main_thankyou .cta {
          font-size: 1.1em;
          padding: 3% 2.5%;
          margin: 5% 0 10%; } }
      @media screen and (max-width: 576px) {
        body #main_thankyou .cta {
          width: 60%;
          font-size: 0.9em;
          padding: 4% 3.5%; } }
    body #main_thankyou img {
      width: 20%;
      margin: auto; }
      @media screen and (max-width: 992px) {
        body #main_thankyou img {
          width: 30%;
          margin: 2% 0; } }
      @media screen and (max-width: 576px) {
        body #main_thankyou img {
          width: 50%; } }
  body #main_realisations {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 70%;
    padding: 2% 15% 5%;
    margin: 3% auto 0;
    background: #144C59;
    position: inherit; }
    @media screen and (max-width: 992px) {
      body #main_realisations {
        margin: 5% auto 0;
        padding: 0 15% 5%; } }
    @media screen and (max-width: 576px) {
      body #main_realisations {
        padding: 0 15% 10%; } }
    body #main_realisations h1 {
      color: #F6F4F2;
      font-family: "Bebas Neue", cursive;
      font-size: 4em;
      font-weight: 200; }
      @media screen and (max-width: 992px) {
        body #main_realisations h1 {
          font-size: 3em; } }
      @media screen and (max-width: 576px) {
        body #main_realisations h1 {
          font-size: 2.5em; } }
    body #main_realisations p {
      margin: 0;
      padding: 0;
      color: #F6F4F2;
      font-family: "Rubik", sans-serif;
      font-size: 1.2em;
      line-height: 1.7em;
      text-align: center; }
      @media screen and (max-width: 992px) {
        body #main_realisations p {
          font-size: 1.1em; } }
      @media screen and (max-width: 576px) {
        body #main_realisations p {
          font-size: 0.9em; } }
  body .projet_intro {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 70%;
    padding: 2% 15% 0;
    margin: 3% auto 0;
    background: #144C59;
    position: inherit; }
    @media screen and (max-width: 992px) {
      body .projet_intro {
        margin: 5% auto 0;
        padding: 2% 15% 0; } }
    body .projet_intro h1 {
      color: #F6F4F2;
      font-family: "Bebas Neue", cursive;
      font-size: 4em;
      font-weight: 200;
      text-align: center;
      width: 50%;
      padding-bottom: 2%; }
      @media screen and (max-width: 992px) {
        body .projet_intro h1 {
          width: 70%;
          font-size: 3em; } }
      @media screen and (max-width: 576px) {
        body .projet_intro h1 {
          width: 100%;
          font-size: 2.2em; } }
    body .projet_intro p {
      margin: 0;
      padding: 0;
      color: #F6F4F2;
      font-family: "Rubik", sans-serif;
      font-size: 1.2em;
      line-height: 1.7em;
      text-align: center; }
      @media screen and (max-width: 992px) {
        body .projet_intro p {
          font-size: 1.1em; } }
      @media screen and (max-width: 576px) {
        body .projet_intro p {
          font-size: 0.9em; } }
    body .projet_intro .fil_ariane {
      display: flex;
      width: 100%; }
      @media screen and (max-width: 992px) {
        body .projet_intro .fil_ariane {
          flex-wrap: wrap;
          padding: 3% 0; } }
      body .projet_intro .fil_ariane a {
        color: #F6F4F2;
        font-size: 0.8em;
        text-decoration: none; }
  body #main_parcours {
    display: flex;
    width: 80%;
    margin: 0;
    padding: 0 10%;
    align-items: flex-end;
    justify-content: space-between; }
    @media screen and (max-width: 992px) {
      body #main_parcours {
        flex-direction: column-reverse; } }
    body #main_parcours #parcours_intro {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      width: 60%;
      padding: 5% 0 0; }
      @media screen and (min-width: 1537px) {
        body #main_parcours #parcours_intro {
          margin: 0 0 3% 0; } }
      @media screen and (max-width: 1536px) {
        body #main_parcours #parcours_intro {
          margin: 0 0 3% 0; } }
      @media screen and (max-width: 1366px) {
        body #main_parcours #parcours_intro {
          margin: 0 0 3% 0; } }
      @media screen and (max-width: 992px) {
        body #main_parcours #parcours_intro {
          padding: 5% 0 0 0;
          align-items: center;
          width: 100%;
          margin: 0 auto; } }
      body #main_parcours #parcours_intro p {
        font-weight: 400;
        line-height: 1.7em; }
        @media screen and (min-width: 1537px) {
          body #main_parcours #parcours_intro p {
            width: 80%;
            font-size: 1.1em; } }
        @media screen and (max-width: 1536px) {
          body #main_parcours #parcours_intro p {
            width: 100%;
            font-size: 1em; } }
        @media screen and (max-width: 1366px) {
          body #main_parcours #parcours_intro p {
            width: 100%;
            font-size: 0.95em; } }
        @media screen and (max-width: 992px) {
          body #main_parcours #parcours_intro p {
            width: 100%;
            font-size: 0.9em;
            margin: auto; } }
      body #main_parcours #parcours_intro .line_text {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding-top: 3%;
        font-family: "Rubik", sans-serif;
        font-size: 0.8em;
        font-weight: 500;
        text-transform: uppercase; }
        @media screen and (min-width: 1537px) {
          body #main_parcours #parcours_intro .line_text {
            width: 50%; } }
        @media screen and (max-width: 1536px) {
          body #main_parcours #parcours_intro .line_text {
            width: 100%; } }
        @media screen and (max-width: 992px) {
          body #main_parcours #parcours_intro .line_text {
            width: 50%;
            margin: 0 auto 5%; } }
        @media screen and (max-width: 576px) {
          body #main_parcours #parcours_intro .line_text {
            width: 80%;
            margin: 0 auto 7%; } }
        body #main_parcours #parcours_intro .line_text h1 {
          font-size: 0.95em;
          font-weight: 400;
          line-height: 1.7em; }
          @media screen and (max-width: 992px) {
            body #main_parcours #parcours_intro .line_text h1 {
              font-size: 0.9em;
              margin: auto auto 0;
              text-align: center;
              line-height: 2em; } }
          @media screen and (max-width: 576px) {
            body #main_parcours #parcours_intro .line_text h1 {
              width: 67%;
              font-size: 0.9em; } }
        body #main_parcours #parcours_intro .line_text .line_1, body #main_parcours #parcours_intro .line_text .line_2 {
          height: 2px;
          background-color: #AB8659; }
          @media screen and (min-width: 1537px) {
            body #main_parcours #parcours_intro .line_text .line_1, body #main_parcours #parcours_intro .line_text .line_2 {
              width: 10%;
              margin-right: 3%; } }
          @media screen and (max-width: 1536px) {
            body #main_parcours #parcours_intro .line_text .line_1, body #main_parcours #parcours_intro .line_text .line_2 {
              width: 7%;
              margin-right: 2%; } }
          @media screen and (max-width: 1366px) {
            body #main_parcours #parcours_intro .line_text .line_1, body #main_parcours #parcours_intro .line_text .line_2 {
              width: 5%; } }
          @media screen and (max-width: 992px) {
            body #main_parcours #parcours_intro .line_text .line_1, body #main_parcours #parcours_intro .line_text .line_2 {
              margin: 0; } }
          @media screen and (max-width: 576px) {
            body #main_parcours #parcours_intro .line_text .line_1, body #main_parcours #parcours_intro .line_text .line_2 {
              width: 7%; } }
      @media screen and (min-width: 1537px) {
        body #main_parcours #parcours_intro .cta {
          width: 55%;
          font-size: 1.2em;
          padding: 3% 0;
          margin-top: 4%; } }
      @media screen and (max-width: 1536px) {
        body #main_parcours #parcours_intro .cta {
          width: 70%;
          font-size: 1.1em;
          padding: 3.5% 0;
          margin-top: 4%; } }
      @media screen and (max-width: 1366px) {
        body #main_parcours #parcours_intro .cta {
          width: 70%;
          font-size: 1em; } }
      @media screen and (max-width: 992px) {
        body #main_parcours #parcours_intro .cta {
          width: 40%;
          font-size: 1.1em;
          padding: 3% 2.5%;
          margin: 5% 0; } }
      @media screen and (max-width: 576px) {
        body #main_parcours #parcours_intro .cta {
          width: 60%;
          font-size: 0.9em;
          padding: 4% 3.5%;
          margin: 10% 0; } }
    @media screen and (min-width: 1537px) {
      body #main_parcours #parcours_img {
        width: 55%; } }
    @media screen and (max-width: 1536px) {
      body #main_parcours #parcours_img {
        width: 60%; } }
    @media screen and (max-width: 1366px) {
      body #main_parcours #parcours_img {
        width: 65%; } }
    @media screen and (max-width: 992px) {
      body #main_parcours #parcours_img {
        display: none; } }
@-moz-document url-prefix() {
  @media screen and (min-width: 1537px) {
    body #main_parcours #parcours_img {
      width: 75%; } }
  @media screen and (max-width: 1536px) {
    body #main_parcours #parcours_img {
      width: 90%; } }
  @media screen and (max-width: 1366px) {
    body #main_parcours #parcours_img {
      width: 95%; } } }
  body #home_presentation {
    display: flex;
    justify-content: center;
    width: 80%;
    padding: 0 10% 10%;
    background-color: #144C59; }
    @media screen and (max-width: 992px) {
      body #home_presentation {
        width: 100%;
        padding: 0 0 7%;
        flex-direction: column; } }
    body #home_presentation .line_text {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-items: flex-start;
      justify-content: center; }
      @media screen and (min-width: 1537px) {
        body #home_presentation .line_text {
          width: 25%; } }
      @media screen and (max-width: 1536px) {
        body #home_presentation .line_text {
          width: 30%; } }
      @media screen and (max-width: 1366px) {
        body #home_presentation .line_text {
          width: 33%; } }
      @media screen and (max-width: 992px) {
        body #home_presentation .line_text {
          width: 50%;
          margin: 5% auto 0;
          flex-wrap: wrap;
          align-items: center;
          justify-content: space-around; } }
      @media screen and (max-width: 576px) {
        body #home_presentation .line_text {
          width: 80%; } }
      body #home_presentation .line_text .line_1, body #home_presentation .line_text .line_2 {
        height: 4px;
        background-color: #C6AD8F; }
        @media screen and (min-width: 1537px) {
          body #home_presentation .line_text .line_1, body #home_presentation .line_text .line_2 {
            width: 50%;
            margin: 23% 2%  0 0%; } }
        @media screen and (max-width: 1536px) {
          body #home_presentation .line_text .line_1, body #home_presentation .line_text .line_2 {
            width: 40%;
            margin: 23.5% 2%  0 0%; } }
        @media screen and (max-width: 1366px) {
          body #home_presentation .line_text .line_1, body #home_presentation .line_text .line_2 {
            width: 35%;
            margin: 21% 2%  0 0%; } }
        @media screen and (max-width: 992px) {
          body #home_presentation .line_text .line_1, body #home_presentation .line_text .line_2 {
            width: 15%;
            height: 3px;
            margin: auto; } }
        @media screen and (max-width: 576px) {
          body #home_presentation .line_text .line_1, body #home_presentation .line_text .line_2 {
            width: 7%;
            height: 2px; } }
      body #home_presentation .line_text h2 {
        width: 30%;
        color: #F6F4F2;
        font-family: "Bebas Neue", cursive;
        font-weight: 100;
        line-height: 1.3em;
        text-transform: uppercase; }
        @media screen and (min-width: 1537px) {
          body #home_presentation .line_text h2 {
            font-size: 4em; } }
        @media screen and (max-width: 1536px) {
          body #home_presentation .line_text h2 {
            font-size: 3.75em; } }
        @media screen and (max-width: 1366px) {
          body #home_presentation .line_text h2 {
            font-size: 3.5em; } }
        @media screen and (max-width: 992px) {
          body #home_presentation .line_text h2 {
            width: 50%;
            font-size: 3em;
            line-height: 0;
            text-align: center; } }
        @media screen and (max-width: 576px) {
          body #home_presentation .line_text h2 {
            width: 86%;
            font-size: 2.5em; } }
    body #home_presentation #presentation_content {
      display: flex;
      flex-direction: column;
      justify-content: flex-start; }
      @media screen and (min-width: 1537px) {
        body #home_presentation #presentation_content {
          width: 50%;
          margin: 10% 0 0 0; } }
      @media screen and (max-width: 1536px) {
        body #home_presentation #presentation_content {
          width: 55%;
          margin: 13.5% 0 0 0; } }
      @media screen and (max-width: 1366px) {
        body #home_presentation #presentation_content {
          width: 60%;
          margin: 12% 0 0 0; } }
      @media screen and (max-width: 992px) {
        body #home_presentation #presentation_content {
          width: 100%;
          margin: 5% 0 0 0; } }
      body #home_presentation #presentation_content #logo_blanc {
        margin: 0 auto 5%; }
        @media screen and (min-width: 1537px) {
          body #home_presentation #presentation_content #logo_blanc {
            width: 25%; } }
        @media screen and (max-width: 1536px) {
          body #home_presentation #presentation_content #logo_blanc {
            width: 25%; } }
        @media screen and (max-width: 1366px) {
          body #home_presentation #presentation_content #logo_blanc {
            width: 30%; } }
        @media screen and (max-width: 576px) {
          body #home_presentation #presentation_content #logo_blanc {
            width: 40%; } }
      body #home_presentation #presentation_content p {
        width: 100%;
        margin: auto auto 5%;
        color: #F6F4F2;
        font-weight: 400;
        line-height: 1.7em; }
        @media screen and (min-width: 1537px) {
          body #home_presentation #presentation_content p {
            font-size: 1.1em; } }
        @media screen and (max-width: 1536px) {
          body #home_presentation #presentation_content p {
            font-size: 1em; } }
        @media screen and (max-width: 1366px) {
          body #home_presentation #presentation_content p {
            font-size: 0.95em; } }
        @media screen and (max-width: 992px) {
          body #home_presentation #presentation_content p {
            width: 80%;
            font-size: 0.9em;
            line-height: 2em; } }
      body #home_presentation #presentation_content .cta {
        width: 70%;
        padding: 3.5% 0;
        margin: 5% auto 0; }
        @media screen and (min-width: 1537px) {
          body #home_presentation #presentation_content .cta {
            font-size: 1.2em; } }
        @media screen and (max-width: 1536px) {
          body #home_presentation #presentation_content .cta {
            font-size: 1.1em; } }
        @media screen and (max-width: 1366px) {
          body #home_presentation #presentation_content .cta {
            font-size: 1em; } }
        @media screen and (max-width: 992px) {
          body #home_presentation #presentation_content .cta {
            width: 40%;
            padding: 3% 2.5%;
            margin: 5% auto;
            font-size: 1.1em; } }
        @media screen and (max-width: 576px) {
          body #home_presentation #presentation_content .cta {
            width: 60%;
            padding: 4% 3.5%;
            font-size: 0.9em; } }
  body #home_presentation::before {
    content: "";
    width: 30%;
    margin-left: 10%;
    height: 100vh;
    background-image: url("../_img/hand.png");
    background-size: 100%;
    background-position: bottom left 12%;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    opacity: 0.3; }
    @media screen and (max-width: 1366px) {
      body #home_presentation::before {
        height: 130vh; } }
    @media screen and (max-width: 992px) {
      body #home_presentation::before {
        display: none; } }
  body .divider {
    width: 100%;
    margin-top: -10%; }
    @media screen and (max-width: 576px) {
      body .divider {
        display: none; } }
  body .divider_mobile {
    display: none; }
    @media screen and (max-width: 576px) {
      body .divider_mobile {
        display: block;
        width: 100%;
        margin-top: -15%; } }
  body #home_areas {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    padding-bottom: 10%;
    background-color: #F6F4F2; }
    body #home_areas .line_text {
      display: flex;
      flex-direction: row-reverse;
      flex-wrap: nowrap;
      align-items: flex-start;
      justify-content: flex-start;
      margin: auto; }
      @media screen and (min-width: 1537px) {
        body #home_areas .line_text {
          width: 80%; } }
      @media screen and (max-width: 1536px) {
        body #home_areas .line_text {
          width: 75%; } }
      @media screen and (max-width: 1366px) {
        body #home_areas .line_text {
          width: 70%; } }
      @media screen and (max-width: 992px) {
        body #home_areas .line_text {
          width: 60%;
          align-items: center;
          margin: 5% auto 0; } }
      @media screen and (max-width: 576px) {
        body #home_areas .line_text {
          width: 80%; } }
      body #home_areas .line_text .line_1, body #home_areas .line_text .line_2 {
        width: 12%;
        height: 4px;
        background-color: #AB8659; }
        @media screen and (min-width: 1537px) {
          body #home_areas .line_text .line_1, body #home_areas .line_text .line_2 {
            margin: 5.75% 0% 0 0.25%; } }
        @media screen and (max-width: 1536px) {
          body #home_areas .line_text .line_1, body #home_areas .line_text .line_2 {
            margin: 7.5% 0% 0 0.25%; } }
        @media screen and (max-width: 1366px) {
          body #home_areas .line_text .line_1, body #home_areas .line_text .line_2 {
            margin: 8% 0% 0 0.25%; } }
        @media screen and (max-width: 992px) {
          body #home_areas .line_text .line_1, body #home_areas .line_text .line_2 {
            width: 15%;
            height: 3px;
            margin: auto; } }
        @media screen and (max-width: 576px) {
          body #home_areas .line_text .line_1, body #home_areas .line_text .line_2 {
            width: 7%;
            height: 2px;
            margin: 0; } }
      body #home_areas .line_text h2 {
        color: #144C59;
        font-family: "Bebas Neue", cursive;
        font-weight: 100;
        line-height: 1.3em;
        text-align: right;
        text-transform: uppercase; }
        @media screen and (min-width: 1537px) {
          body #home_areas .line_text h2 {
            width: 10%;
            font-size: 4em; } }
        @media screen and (max-width: 1536px) {
          body #home_areas .line_text h2 {
            width: 15%;
            font-size: 3.75em; } }
        @media screen and (max-width: 1366px) {
          body #home_areas .line_text h2 {
            font-size: 3.5em; } }
        @media screen and (max-width: 992px) {
          body #home_areas .line_text h2 {
            width: 70%;
            font-size: 3em;
            line-height: 0;
            text-align: center; } }
        @media screen and (max-width: 576px) {
          body #home_areas .line_text h2 {
            width: 86%;
            font-size: 2.5em; } }
    body #home_areas #puzzle {
      display: none; }
      @media screen and (max-width: 576px) {
        body #home_areas #puzzle {
          display: block;
          width: 35%;
          margin: 0 auto 5%;
          align-self: flex-start; } }
    body #home_areas section {
      display: flex;
      align-items: center;
      width: 100%; }
      @media screen and (max-width: 992px) {
        body #home_areas section {
          flex-direction: column; } }
      body #home_areas section .area_img {
        width: 50%; }
        @media screen and (max-width: 992px) {
          body #home_areas section .area_img {
            width: 65%;
            margin: 5% auto 0; } }
        @media screen and (max-width: 576px) {
          body #home_areas section .area_img {
            width: 100%; } }
      body #home_areas section .area_text {
        width: 50%; }
        @media screen and (min-width: 1537px) {
          body #home_areas section .area_text {
            margin: 0 2.5%; } }
        @media screen and (max-width: 1536px) {
          body #home_areas section .area_text {
            margin: 0.5% 2.5%; } }
        @media screen and (max-width: 1366px) {
          body #home_areas section .area_text {
            margin: 2.5%; } }
        @media screen and (max-width: 992px) {
          body #home_areas section .area_text {
            width: 80%; } }
        body #home_areas section .area_text h3 {
          color: #144C59;
          font-family: "Rubik", sans-serif;
          font-weight: 500;
          text-transform: uppercase; }
          @media screen and (max-width: 992px) {
            body #home_areas section .area_text h3 {
              text-align: center; } }
        body #home_areas section .area_text p {
          margin: auto;
          color: #425664;
          line-height: 1.7em;
          font-weight: 400; }
          @media screen and (min-width: 1537px) {
            body #home_areas section .area_text p {
              font-size: 1.1em; } }
          @media screen and (max-width: 1536px) {
            body #home_areas section .area_text p {
              font-size: 0.95em; } }
          @media screen and (max-width: 1366px) {
            body #home_areas section .area_text p {
              margin: auto auto 5%; } }
          @media screen and (max-width: 992px) {
            body #home_areas section .area_text p {
              font-size: 0.9em;
              line-height: 2em; } }
    body #home_areas #area_2 {
      flex-direction: row-reverse; }
      @media screen and (max-width: 992px) {
        body #home_areas #area_2 {
          flex-direction: column; } }
      body #home_areas #area_2 p {
        text-align: right; }
        @media screen and (max-width: 992px) {
          body #home_areas #area_2 p {
            text-align: left; } }
      body #home_areas #area_2 h3 {
        text-align: right; }
        @media screen and (max-width: 992px) {
          body #home_areas #area_2 h3 {
            text-align: center; } }
    body #home_areas .cta {
      width: 35%;
      margin: 5% auto 0;
      padding: 2% 0; }
      @media screen and (min-width: 1537px) {
        body #home_areas .cta {
          font-size: 1.2em; } }
      @media screen and (max-width: 1536px) {
        body #home_areas .cta {
          font-size: 1.1em; } }
      @media screen and (max-width: 1366px) {
        body #home_areas .cta {
          font-size: 1em; } }
      @media screen and (max-width: 992px) {
        body #home_areas .cta {
          width: 40%;
          margin: 0 auto;
          padding: 3% 2.5%;
          font-size: 1.1em; } }
      @media screen and (max-width: 576px) {
        body #home_areas .cta {
          width: 60%;
          margin: 5% auto;
          padding: 4% 3.5%;
          font-size: 0.9em; } }
  body #home_areas::before {
    content: "";
    width: 90%;
    height: 100%;
    background-image: url("../_img/puzzle.png");
    background-size: 15%;
    background-repeat: no-repeat;
    position: absolute;
    opacity: 0.2; }
    @media screen and (min-width: 1537px) {
      body #home_areas::before {
        background-position: top left 65%; } }
    @media screen and (max-width: 1536px) {
      body #home_areas::before {
        background-position: top left 60%; } }
    @media screen and (max-width: 992px) {
      body #home_areas::before {
        background-size: 20%;
        background-position: top right; } }
    @media screen and (max-width: 576px) {
      body #home_areas::before {
        display: none; } }
  body #home_skills {
    display: flex;
    flex-direction: column;
    width: 80%;
    margin: -6% 0 1%;
    background-color: #144C59; }
    @media screen and (min-width: 1537px) {
      body #home_skills {
        padding: 7% 10% 10%; } }
    @media screen and (max-width: 1536px) {
      body #home_skills {
        padding: 5% 10% 10%; } }
    @media screen and (max-width: 992px) {
      body #home_skills {
        width: 100%;
        padding: 7% 0 10% 0; } }
    @media screen and (max-width: 576px) {
      body #home_skills {
        margin: -8% 0 1%;
        padding: 10% 0; } }
    body #home_skills .line_text {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-items: flex-start;
      justify-content: center;
      width: 33%; }
      @media screen and (max-width: 992px) {
        body #home_skills .line_text {
          flex-wrap: wrap;
          align-items: center;
          justify-content: space-around;
          width: 80%;
          margin: 15% auto 5%; } }
      @media screen and (max-width: 576px) {
        body #home_skills .line_text {
          margin: 22% auto 0; } }
      body #home_skills .line_text .line_1, body #home_skills .line_text .line_2 {
        width: 35%;
        height: 4px;
        background-color: #C6AD8F; }
        @media screen and (min-width: 1537px) {
          body #home_skills .line_text .line_1, body #home_skills .line_text .line_2 {
            margin: 18% 2% 0 0%; } }
        @media screen and (max-width: 1536px) {
          body #home_skills .line_text .line_1, body #home_skills .line_text .line_2 {
            margin: 21.5% 2% 0 0%; } }
        @media screen and (max-width: 1366px) {
          body #home_skills .line_text .line_1, body #home_skills .line_text .line_2 {
            margin: 21% 2% 0 0%; } }
        @media screen and (max-width: 992px) {
          body #home_skills .line_text .line_1, body #home_skills .line_text .line_2 {
            width: 15%;
            height: 3px;
            margin: auto; } }
        @media screen and (max-width: 576px) {
          body #home_skills .line_text .line_1, body #home_skills .line_text .line_2 {
            width: 7%;
            height: 2px; } }
      body #home_skills .line_text h2 {
        width: 30%;
        color: #F6F4F2;
        font-family: "Bebas Neue", cursive;
        font-weight: 100;
        line-height: 1.3em;
        text-transform: uppercase; }
        @media screen and (min-width: 1537px) {
          body #home_skills .line_text h2 {
            font-size: 4em; } }
        @media screen and (max-width: 1536px) {
          body #home_skills .line_text h2 {
            font-size: 3.75em; } }
        @media screen and (max-width: 1366px) {
          body #home_skills .line_text h2 {
            font-size: 3.5em; } }
        @media screen and (max-width: 992px) {
          body #home_skills .line_text h2 {
            width: 50%;
            font-size: 3em;
            line-height: 0;
            text-align: center; } }
        @media screen and (max-width: 576px) {
          body #home_skills .line_text h2 {
            width: 86%;
            font-size: 2.5em; } }
    body #home_skills #skills_content {
      display: flex;
      align-items: flex-start;
      width: 100%;
      margin: 5% 0;
      padding: 0;
      justify-content: space-around; }
      @media screen and (max-width: 576px) {
        body #home_skills #skills_content {
          flex-direction: column;
          margin: 10% 0; } }
      body #home_skills #skills_content .skill_text {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 30%; }
        @media screen and (max-width: 992px) {
          body #home_skills #skills_content .skill_text {
            align-items: flex-start;
            margin: 0 auto; } }
        @media screen and (max-width: 576px) {
          body #home_skills #skills_content .skill_text {
            width: 90%;
            margin: auto; } }
        body #home_skills #skills_content .skill_text h3 {
          width: 100%;
          color: #F6F4F2;
          font-family: "Rubik", sans-serif;
          font-weight: 500;
          text-align: center;
          text-transform: uppercase;
          text-align: center; }
          @media screen and (min-width: 1537px) {
            body #home_skills #skills_content .skill_text h3 {
              padding-top: 7%; } }
          @media screen and (max-width: 1536px) {
            body #home_skills #skills_content .skill_text h3 {
              padding-top: 5%; } }
          @media screen and (max-width: 1366px) {
            body #home_skills #skills_content .skill_text h3 {
              padding-top: 2%; } }
        body #home_skills #skills_content .skill_text img {
          margin: auto; }
          @media screen and (min-width: 1537px) {
            body #home_skills #skills_content .skill_text img {
              width: 40%; } }
          @media screen and (max-width: 1536px) {
            body #home_skills #skills_content .skill_text img {
              width: 47.5%; } }
          @media screen and (max-width: 1366px) {
            body #home_skills #skills_content .skill_text img {
              width: 45%; } }
          @media screen and (max-width: 992px) {
            body #home_skills #skills_content .skill_text img {
              width: 40%; } }
        body #home_skills #skills_content .skill_text ul {
          margin-bottom: 10%;
          color: #F6F4F2;
          line-height: 1.7em;
          list-style: circle; }
          @media screen and (min-width: 1537px) {
            body #home_skills #skills_content .skill_text ul {
              font-size: 1.1em; } }
          @media screen and (max-width: 1536px) {
            body #home_skills #skills_content .skill_text ul {
              font-size: 1em; } }
          @media screen and (max-width: 992px) {
            body #home_skills #skills_content .skill_text ul {
              font-size: 0.95em; } }
          @media screen and (max-width: 576px) {
            body #home_skills #skills_content .skill_text ul {
              font-size: 0.9em; } }
    body #home_skills .cta {
      width: 35%;
      margin: 0 auto;
      padding: 2% 0; }
      @media screen and (min-width: 1537px) {
        body #home_skills .cta {
          font-size: 1.2em; } }
      @media screen and (max-width: 1536px) {
        body #home_skills .cta {
          font-size: 1.1em; } }
      @media screen and (max-width: 1366px) {
        body #home_skills .cta {
          font-size: 1em; } }
      @media screen and (max-width: 992px) {
        body #home_skills .cta {
          width: 40%;
          font-size: 1.1em;
          padding: 3% 2.5%; } }
      @media screen and (max-width: 576px) {
        body #home_skills .cta {
          margin: 0 auto 10%;
          width: 60%;
          font-size: 0.9em;
          padding: 4% 3.5%; } }
  body #home_skills::before {
    content: " ";
    height: 50%;
    background-image: url("../_img/arc_cible_carquois.png");
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    opacity: 0.2; }
    @media screen and (min-width: 1537px) {
      body #home_skills::before {
        width: 43%;
        background-position: top 20% left;
        left: 41%; } }
    @media screen and (max-width: 1536px) {
      body #home_skills::before {
        width: 42.75%;
        background-position: top 22% left;
        left: 45%; } }
    @media screen and (max-width: 1366px) {
      body #home_skills::before {
        width: 42.5%; } }
    @media screen and (max-width: 992px) {
      body #home_skills::before {
        width: 100%;
        background-image: url("../_img/arc_cible.png");
        background-size: 60%;
        background-position: top 5% center;
        left: 0;
        opacity: 0.3; } }
    @media screen and (max-width: 576px) {
      body #home_skills::before {
        width: 90%;
        background-size: 100%;
        background-position: top 5% left;
        left: 5%; } }
  body #home_contact {
    background-color: #F6F4F2;
    width: 100%; }
    body #home_contact .line_text {
      display: flex;
      flex-direction: row-reverse;
      flex-wrap: nowrap;
      align-items: flex-start;
      justify-content: flex-start;
      width: 80%;
      margin: auto; }
      @media screen and (max-width: 992px) {
        body #home_contact .line_text {
          justify-content: center;
          align-items: center;
          margin: 3% auto 0; } }
      @media screen and (max-width: 576px) {
        body #home_contact .line_text {
          margin: 5% auto 0; } }
      body #home_contact .line_text .line_1, body #home_contact .line_text .line_2 {
        width: 12%;
        height: 4px;
        background-color: #AB8659; }
        @media screen and (min-width: 1537px) {
          body #home_contact .line_text .line_1, body #home_contact .line_text .line_2 {
            margin: 2.5% 0 0 0.5%; } }
        @media screen and (max-width: 1536px) {
          body #home_contact .line_text .line_1, body #home_contact .line_text .line_2 {
            margin: 3% 0 0 0.5%; } }
        @media screen and (max-width: 1366px) {
          body #home_contact .line_text .line_1, body #home_contact .line_text .line_2 {
            margin: 3% 0 0 0.25%; } }
        @media screen and (max-width: 992px) {
          body #home_contact .line_text .line_1, body #home_contact .line_text .line_2 {
            width: 15%;
            height: 3px;
            margin: 0; } }
        @media screen and (max-width: 576px) {
          body #home_contact .line_text .line_1, body #home_contact .line_text .line_2 {
            width: 7%;
            height: 2px; } }
      body #home_contact .line_text h2 {
        width: 17%;
        margin-top: 0;
        padding: 0;
        color: #144C59;
        font-family: "Bebas Neue", cursive;
        font-weight: 100;
        line-height: 1.3em;
        text-align: right;
        text-transform: uppercase; }
        @media screen and (min-width: 1537px) {
          body #home_contact .line_text h2 {
            font-size: 4em; } }
        @media screen and (max-width: 1536px) {
          body #home_contact .line_text h2 {
            font-size: 3.75em; } }
        @media screen and (max-width: 1366px) {
          body #home_contact .line_text h2 {
            font-size: 3.5em; } }
        @media screen and (max-width: 992px) {
          body #home_contact .line_text h2 {
            font-size: 3em;
            width: 60%;
            line-height: 0;
            text-align: center;
            margin: 0.83em 0; } }
        @media screen and (max-width: 576px) {
          body #home_contact .line_text h2 {
            font-size: 2.5em;
            width: 86%; } }
    body #home_contact #contact_icon {
      display: none; }
      @media screen and (max-width: 576px) {
        body #home_contact #contact_icon {
          display: block;
          width: 35%;
          margin: 10% auto; } }
    body #home_contact #contact_content {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      width: 60%; }
      @media screen and (min-width: 1537px) {
        body #home_contact #contact_content {
          margin-top: -8%; } }
      @media screen and (max-width: 1536px) {
        body #home_contact #contact_content {
          margin-top: -11%; } }
      @media screen and (max-width: 1366px) {
        body #home_contact #contact_content {
          margin-top: -10%; } }
      @media screen and (max-width: 992px) {
        body #home_contact #contact_content {
          margin: 0 0 5%; } }
      @media screen and (max-width: 576px) {
        body #home_contact #contact_content {
          align-items: flex-start;
          width: 90%;
          margin: 0 auto 5%; } }
      body #home_contact #contact_content p {
        line-height: 1.7em;
        text-align: right; }
        @media screen and (min-width: 1537px) {
          body #home_contact #contact_content p {
            font-size: 1.1em; } }
        @media screen and (max-width: 1536px) {
          body #home_contact #contact_content p {
            font-size: 1em; } }
        @media screen and (max-width: 1366px) {
          body #home_contact #contact_content p {
            font-size: 1em; } }
        @media screen and (max-width: 992px) {
          body #home_contact #contact_content p {
            font-size: 0.95em;
            line-height: 2em; } }
        @media screen and (max-width: 576px) {
          body #home_contact #contact_content p {
            margin-bottom: 5%;
            font-size: 0.9em;
            font-weight: 400;
            text-align: left; } }
      body #home_contact #contact_content .cta {
        width: 50%;
        margin: 2.5% 0 10%;
        padding: 2.8% 0; }
        @media screen and (min-width: 1537px) {
          body #home_contact #contact_content .cta {
            font-size: 1.2em; } }
        @media screen and (max-width: 1536px) {
          body #home_contact #contact_content .cta {
            font-size: 1.1em; } }
        @media screen and (max-width: 1366px) {
          body #home_contact #contact_content .cta {
            font-size: 1em; } }
        @media screen and (max-width: 992px) {
          body #home_contact #contact_content .cta {
            width: 60%;
            padding: 4% 3%;
            font-size: 1.1em; } }
        @media screen and (max-width: 576px) {
          body #home_contact #contact_content .cta {
            margin: 5% auto;
            padding: 4% 3.5%;
            font-size: 0.9em; } }
  body #home_contact::before {
    content: "";
    width: 30%;
    height: 65%;
    background-image: url("../_img/contact.png");
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    opacity: 0.3;
    margin-right: 10%; }
    @media screen and (min-width: 1537px) {
      body #home_contact::before {
        background-size: 70%;
        background-position: top 50% right; } }
    @media screen and (max-width: 1536px) {
      body #home_contact::before {
        background-size: 70%;
        background-position: top 50% right; } }
    @media screen and (max-width: 1366px) {
      body #home_contact::before {
        background-position: top 75% right; } }
    @media screen and (max-width: 992px) {
      body #home_contact::before {
        height: 47%;
        width: 50%;
        background-size: 90%;
        background-position: bottom right; } }
    @media screen and (max-width: 576px) {
      body #home_contact::before {
        display: none; } }
  body #parcours_content {
    display: flex;
    flex-wrap: wrap;
    width: 90%;
    padding: 0 0 3% 0;
    margin: 0 5% !important;
    position: relative;
    border: solid 4px #AB8659;
    border-top: none; }
    @media screen and (max-width: 992px) {
      body #parcours_content {
        padding: 0 0 5% 0; } }
    @media screen and (max-width: 576px) {
      body #parcours_content {
        flex-direction: column;
        padding: 0;
        border: none; } }
    body #parcours_content h2 {
      width: 122.4%;
      margin: 0 -12%;
      padding: 5% 0;
      color: #F6F4F2;
      background-color: #144C59;
      font-family: "Bebas Neue", cursive;
      font-size: 4em;
      font-weight: 400;
      text-align: center; }
      @media screen and (max-width: 992px) {
        body #parcours_content h2 {
          font-size: 3em;
          padding: 10% 0; } }
      @media screen and (max-width: 576px) {
        body #parcours_content h2 {
          width: 111%;
          margin: 0 -6%; } }
    body #parcours_content .parcours_entry {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      width: 100%;
      padding: 3% 0; }
      @media screen and (max-width: 992px) {
        body #parcours_content .parcours_entry {
          padding: 5% 0; } }
      body #parcours_content .parcours_entry .entry_logo {
        display: flex;
        align-items: center;
        width: 50%; }
        @media screen and (max-width: 992px) {
          body #parcours_content .parcours_entry .entry_logo {
            width: 100%; } }
        body #parcours_content .parcours_entry .entry_logo .small_line {
          width: 25%;
          height: 4px;
          background-color: #AB8659; }
        body #parcours_content .parcours_entry .entry_logo img {
          width: 45%; }
          @media screen and (max-width: 576px) {
            body #parcours_content .parcours_entry .entry_logo img {
              width: 50%; } }
        body #parcours_content .parcours_entry .entry_logo .square {
          width: 25%; }
          @media screen and (max-width: 992px) {
            body #parcours_content .parcours_entry .entry_logo .square {
              width: 30%; } }
      @media screen and (min-width: 1537px) {
        body #parcours_content .parcours_entry .entry_text {
          width: 80%; } }
      @media screen and (max-width: 1536px) {
        body #parcours_content .parcours_entry .entry_text {
          width: 85%; } }
      @media screen and (max-width: 992px) {
        body #parcours_content .parcours_entry .entry_text {
          width: 90%; } }
      body #parcours_content .parcours_entry .entry_text h3 {
        color: #AB8659;
        font-family: "Rubik", sans-serif;
        font-weight: 500;
        text-transform: uppercase; }
        @media screen and (max-width: 576px) {
          body #parcours_content .parcours_entry .entry_text h3 {
            text-align: center; } }
      body #parcours_content .parcours_entry .entry_text .details {
        font-size: 0.7em; }
      body #parcours_content .parcours_entry .entry_text p, body #parcours_content .parcours_entry .entry_text li {
        font-weight: 400;
        line-height: 1.7em;
        list-style: circle;
        list-style-position: inside; }
        @media screen and (min-width: 1537px) {
          body #parcours_content .parcours_entry .entry_text p, body #parcours_content .parcours_entry .entry_text li {
            font-size: 0.9em; } }
        @media screen and (max-width: 1536px) {
          body #parcours_content .parcours_entry .entry_text p, body #parcours_content .parcours_entry .entry_text li {
            width: 100%;
            font-size: 1em; } }
        @media screen and (max-width: 1366px) {
          body #parcours_content .parcours_entry .entry_text p, body #parcours_content .parcours_entry .entry_text li {
            font-size: 0.95em; } }
        @media screen and (max-width: 992px) {
          body #parcours_content .parcours_entry .entry_text p, body #parcours_content .parcours_entry .entry_text li {
            margin: auto auto 5%;
            font-size: 0.9em; } }
    body #parcours_content #experiences {
      width: 50%; }
      @media screen and (max-width: 576px) {
        body #parcours_content #experiences {
          width: 100%; } }
      body #parcours_content #experiences h2 {
        position: relative; }
      body #parcours_content #experiences h2::before {
        content: "";
        width: 25%;
        height: 50%;
        background-color: none;
        border-top: solid 4px #AB8659;
        border-left: solid 4px #AB8659;
        position: absolute;
        top: 47.5%;
        left: 9.5%;
        opacity: 1; }
        @media screen and (max-width: 1536px) {
          body #parcours_content #experiences h2::before {
            width: 20%; } }
        @media screen and (max-width: 1366px) {
          body #parcours_content #experiences h2::before {
            width: 19%; } }
        @media screen and (max-width: 992px) {
          body #parcours_content #experiences h2::before {
            width: 12%;
            left: 8.5%; } }
        @media screen and (max-width: 576px) {
          body #parcours_content #experiences h2::before {
            left: 5.75%; } }
      @media screen and (max-width: 576px) {
        body #parcours_content #experiences .parcours_entry {
          border-left: solid 4px #AB8659; } }
      body #parcours_content #experiences .parcours_entry .entry_logo .small_line {
        margin: 0 4% 0 0; }
      body #parcours_content #experiences .parcours_entry .entry_text {
        margin-left: 10%; }
        @media screen and (max-width: 992px) {
          body #parcours_content #experiences .parcours_entry .entry_text {
            margin-left: 5%; } }
    body #parcours_content #formation {
      width: 50%; }
      @media screen and (max-width: 576px) {
        body #parcours_content #formation {
          width: 100%; } }
      body #parcours_content #formation h2 {
        position: relative; }
      body #parcours_content #formation h2::after {
        content: "";
        width: 28%;
        height: 50%;
        background-color: none;
        border-top: solid 4px #AB8659;
        border-right: solid 4px #AB8659;
        position: absolute;
        top: 47.5%;
        right: 8%;
        opacity: 1; }
        @media screen and (max-width: 1536px) {
          body #parcours_content #formation h2::after {
            width: 24%; } }
        @media screen and (max-width: 1366px) {
          body #parcours_content #formation h2::after {
            width: 23%; } }
        @media screen and (max-width: 992px) {
          body #parcours_content #formation h2::after {
            width: 17%;
            right: 7.5%; } }
        @media screen and (max-width: 576px) {
          body #parcours_content #formation h2::after {
            right: 3.5%; } }
      body #parcours_content #formation .parcours_entry {
        align-items: flex-end; }
        @media screen and (max-width: 576px) {
          body #parcours_content #formation .parcours_entry {
            border-right: solid 4px #AB8659; } }
        body #parcours_content #formation .parcours_entry .entry_logo {
          justify-content: flex-end;
          text-align: right; }
          body #parcours_content #formation .parcours_entry .entry_logo .small_line {
            margin: 0 0 0 4%; }
        body #parcours_content #formation .parcours_entry .entry_text {
          text-align: right; }
          @media screen and (min-width: 1537px) {
            body #parcours_content #formation .parcours_entry .entry_text {
              margin-right: 10%; } }
          @media screen and (max-width: 1536px) {
            body #parcours_content #formation .parcours_entry .entry_text {
              margin-right: 5%; } }
          @media screen and (max-width: 576px) {
            body #parcours_content #formation .parcours_entry .entry_text {
              margin-right: 10%; } }
          body #parcours_content #formation .parcours_entry .entry_text ul {
            text-align: left; }
  body .parcours_contact {
    display: flex;
    width: 100%;
    margin: 0;
    position: relative; }
    @media screen and (min-width: 1537px) {
      body .parcours_contact {
        margin: -2.75% 0 4% 0; } }
    @media screen and (max-width: 1536px) {
      body .parcours_contact {
        margin: -8.5% 0 0 0; } }
    @media screen and (max-width: 992px) {
      body .parcours_contact {
        margin: -15% 0 0 0; } }
    @media screen and (max-width: 576px) {
      body .parcours_contact {
        margin: 0;
        background-color: #AB8659; } }
    body .parcours_contact .cta {
      width: 40%;
      border: solid 4px; }
      @media screen and (min-width: 1537px) {
        body .parcours_contact .cta {
          padding: 2% 0;
          margin: 0 auto;
          font-size: 1.5em; } }
      @media screen and (max-width: 1536px) {
        body .parcours_contact .cta {
          padding: 2.5% 0;
          margin: 5% auto;
          font-size: 1.3em; } }
      @media screen and (max-width: 1366px) {
        body .parcours_contact .cta {
          font-size: 1.2em; } }
      @media screen and (max-width: 992px) {
        body .parcours_contact .cta {
          width: 50%;
          padding: 3% 2.5%;
          margin: 10% auto;
          border: none; } }
      @media screen and (max-width: 576px) {
        body .parcours_contact .cta {
          width: 65%;
          padding: 4% 3.5%;
          font-size: 0.9em;
          border: solid 3px #F6F4F2; } }
  body .realisation {
    display: flex;
    align-items: flex-start;
    width: 80%;
    margin: 2 auto;
    padding: 2.5% 10%; }
    @media screen and (max-width: 992px) {
      body .realisation {
        flex-direction: column;
        padding: 5% 10%; } }
    @media screen and (max-width: 576px) {
      body .realisation {
        padding: 10% 10% 5%; } }
    body .realisation .realisation_visuel {
      width: 50%;
      padding: 0;
      margin: auto; }
      @media screen and (max-width: 992px) {
        body .realisation .realisation_visuel {
          width: 75%;
          object-fit: contain; } }
      @media screen and (max-width: 576px) {
        body .realisation .realisation_visuel {
          width: 100%; } }
    body .realisation .realisation_text {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      width: 40%;
      padding: 0 5%; }
      @media screen and (max-width: 992px) {
        body .realisation .realisation_text {
          width: 90%;
          margin: auto; } }
      @media screen and (max-width: 576px) {
        body .realisation .realisation_text {
          width: 95%; } }
      body .realisation .realisation_text h2 {
        color: #AB8659;
        font-family: "Rubik", sans-serif;
        font-weight: 500;
        line-height: 1.7em;
        text-transform: uppercase; }
        @media screen and (max-width: 992px) {
          body .realisation .realisation_text h2 {
            width: 100%;
            text-align: center;
            margin-bottom: 0; } }
        @media screen and (max-width: 576px) {
          body .realisation .realisation_text h2 {
            font-size: 1.15em;
            line-height: 1.5em; } }
      body .realisation .realisation_text p {
        font-size: 1em;
        line-height: 1.7em; }
        @media screen and (max-width: 992px) {
          body .realisation .realisation_text p {
            font-size: 0.95em; } }
        @media screen and (max-width: 576px) {
          body .realisation .realisation_text p {
            font-size: 0.9em; } }
      body .realisation .realisation_text .details {
        font-size: 0.8em; }
      @media screen and (min-width: 1537px) {
        body .realisation .realisation_text .cta {
          width: 45%;
          padding: 2.5% 0;
          margin: 4% 0;
          font-size: 1.2em; } }
      @media screen and (max-width: 1536px) {
        body .realisation .realisation_text .cta {
          width: 55%;
          padding: 3.5% 0;
          margin: 5% 0;
          font-size: 1.1em; } }
      @media screen and (max-width: 1366px) {
        body .realisation .realisation_text .cta {
          width: 52.5%;
          font-size: 1em; } }
      @media screen and (max-width: 992px) {
        body .realisation .realisation_text .cta {
          width: 45%;
          padding: 3% 2.5%;
          margin: 5% auto 0;
          font-size: 1.1em; } }
      @media screen and (max-width: 576px) {
        body .realisation .realisation_text .cta {
          width: 65%;
          padding: 4% 3.5%;
          margin: 5% auto;
          font-size: 0.9em; } }
  body .pair {
    background: #425664;
    flex-direction: row-reverse; }
    @media screen and (max-width: 992px) {
      body .pair {
        flex-direction: column; } }
    body .pair .realisation_text {
      align-items: flex-end; }
      @media screen and (max-width: 992px) {
        body .pair .realisation_text {
          align-items: flex-start; } }
      body .pair .realisation_text h2 {
        color: #C6AD8F; }
      body .pair .realisation_text p {
        color: #F6F4F2;
        font-weight: 600;
        text-align: right; }
        @media screen and (max-width: 992px) {
          body .pair .realisation_text p {
            text-align: left; } }
  body .realisations_contact {
    width: 100%;
    display: flex;
    margin: 0; }
    @media screen and (max-width: 576px) {
      body .realisations_contact {
        background-color: #AB8659; } }
    body .realisations_contact .cta {
      width: 40%;
      margin: 5% auto; }
      @media screen and (min-width: 1537px) {
        body .realisations_contact .cta {
          font-size: 1.3em;
          padding: 2% 0; } }
      @media screen and (max-width: 1536px) {
        body .realisations_contact .cta {
          font-size: 1.2em;
          padding: 2.5% 0; } }
      @media screen and (max-width: 1366px) {
        body .realisations_contact .cta {
          font-size: 1.1em; } }
      @media screen and (max-width: 992px) {
        body .realisations_contact .cta {
          width: 50%;
          padding: 3% 2.5%;
          margin: 10% auto; } }
      @media screen and (max-width: 576px) {
        body .realisations_contact .cta {
          width: 65%;
          font-size: 0.9em;
          padding: 4% 3.5%;
          border: solid 3px #F6F4F2; } }
  body .projet_brief, body .projet_visuels {
    display: flex;
    flex-direction: column;
    width: 80%;
    margin: auto; }
    @media screen and (max-width: 992px) {
      body .projet_brief, body .projet_visuels {
        width: 100%; } }
    @media screen and (max-width: 576px) {
      body .projet_brief, body .projet_visuels {
        margin: 0 auto 5%; } }
    body .projet_brief h2, body .projet_visuels h2 {
      color: #AB8659;
      font-family: "Rubik", sans-serif;
      font-weight: 500;
      line-height: 1.7em;
      text-transform: uppercase; }
      @media screen and (max-width: 992px) {
        body .projet_brief h2, body .projet_visuels h2 {
          width: 100%;
          margin-bottom: 0;
          text-align: center; } }
      @media screen and (max-width: 576px) {
        body .projet_brief h2, body .projet_visuels h2 {
          font-size: 1.15em;
          line-height: 1.5em; } }
    body .projet_brief h3, body .projet_visuels h3 {
      width: 80%;
      margin: auto;
      padding: 3% 0; }
    body .projet_brief h4, body .projet_visuels h4 {
      text-align: center; }
    body .projet_brief p, body .projet_brief li, body .projet_visuels p, body .projet_visuels li {
      font-size: 1em;
      line-height: 1.7em;
      list-style: circle; }
      @media screen and (max-width: 992px) {
        body .projet_brief p, body .projet_brief li, body .projet_visuels p, body .projet_visuels li {
          width: 90%;
          font-size: 0.95em;
          margin: 5% auto; } }
      @media screen and (max-width: 576px) {
        body .projet_brief p, body .projet_brief li, body .projet_visuels p, body .projet_visuels li {
          width: 80%;
          font-size: 0.9em; } }
    body .projet_brief .gallery_static, body .projet_visuels .gallery_static {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-around;
      width: 80%;
      margin: auto;
      max-height: 10%; }
    @media screen and (max-width: 992px) {
      body .projet_brief .projet_logos, body .projet_visuels .projet_logos {
        width: 80%; } }
    body .projet_brief .projet_logos .vertical, body .projet_visuels .projet_logos .vertical {
      width: 10%; }
      @media screen and (max-width: 992px) {
        body .projet_brief .projet_logos .vertical, body .projet_visuels .projet_logos .vertical {
          width: 25%;
          padding: 5%;
          margin: auto; } }
      @media screen and (max-width: 576px) {
        body .projet_brief .projet_logos .vertical, body .projet_visuels .projet_logos .vertical {
          width: 20%;
          padding: 5%;
          margin: auto; } }
    body .projet_brief .projet_logos img, body .projet_visuels .projet_logos img {
      width: 44%; }
      @media screen and (max-width: 992px) {
        body .projet_brief .projet_logos img, body .projet_visuels .projet_logos img {
          width: 80%;
          padding: 5%;
          margin: auto; } }
      @media screen and (max-width: 576px) {
        body .projet_brief .projet_logos img, body .projet_visuels .projet_logos img {
          width: 80%;
          padding: 10%;
          margin: auto; } }
    body .projet_brief .projet_logos #huny_blanc, body .projet_visuels .projet_logos #huny_blanc {
      background-color: #666E5F;
      padding: 5%; }
    body .projet_brief .projet_logos .cupcake_dark, body .projet_visuels .projet_logos .cupcake_dark {
      background-color: #3B1C12;
      padding: 3%; }
    body .projet_brief .cupcake_last, body .projet_visuels .cupcake_last {
      margin-bottom: 5%; }
    body .projet_brief .logos_mockups img, body .projet_visuels .logos_mockups img {
      width: 45%; }
      @media screen and (max-width: 992px) {
        body .projet_brief .logos_mockups img, body .projet_visuels .logos_mockups img {
          width: 90%;
          margin: 2.5% auto; } }
    body .projet_brief #logos_huny, body .projet_visuels #logos_huny {
      margin: 0 auto 5% auto; }
      body .projet_brief #logos_huny img, body .projet_visuels #logos_huny img {
        width: 20%; }
        @media screen and (max-width: 992px) {
          body .projet_brief #logos_huny img, body .projet_visuels #logos_huny img {
            width: 45%;
            padding: 5%;
            margin: auto; } }
    body .projet_brief .mobile_instructions, body .projet_visuels .mobile_instructions {
      font-size: 0.9em;
      margin: 0 auto 2%;
      text-align: center; }
    body .projet_brief .gallery, body .projet_visuels .gallery {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
      height: 40vh;
      grid-gap: 2rem;
      width: 80%;
      margin: auto; }
      @media screen and (max-width: 992px) {
        body .projet_brief .gallery, body .projet_visuels .gallery {
          width: 90%; } }
      @media screen and (max-width: 576px) {
        body .projet_brief .gallery, body .projet_visuels .gallery {
          grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
          grid-gap: 1rem;
          height: 18vh; } }
      body .projet_brief .gallery .img_container, body .projet_visuels .gallery .img_container {
        overflow: hidden;
        background: #020202; }
        body .projet_brief .gallery .img_container img, body .projet_visuels .gallery .img_container img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          transition: all 0.6s ease-out;
          opacity: 0.2; }
          @media screen and (max-width: 992px) {
            body .projet_brief .gallery .img_container img, body .projet_visuels .gallery .img_container img {
              opacity: 1; } }
        body .projet_brief .gallery .img_container img:hover, body .projet_visuels .gallery .img_container img:hover {
          transform: scale(1.2);
          cursor: pointer;
          opacity: 1; }
    @media screen and (max-width: 576px) {
      body .projet_brief .cupcake_mockups, body .projet_visuels .cupcake_mockups {
        margin-bottom: 5%; } }
    body .projet_brief .modal, body .projet_visuels .modal {
      background: rgba(0, 0, 0, 0.9);
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      pointer-events: none;
      transition: all 0.6s ease-out;
      z-index: 60; }
      body .projet_brief .modal .croix, body .projet_visuels .modal .croix {
        display: none; }
        @media screen and (max-width: 992px) {
          body .projet_brief .modal .croix, body .projet_visuels .modal .croix {
            display: block;
            width: 100%;
            color: #F6F4F2;
            font-size: 1em;
            position: relative;
            top: 5%;
            text-align: center;
            cursor: pointer; } }
        @media screen and (max-width: 576px) {
          body .projet_brief .modal .croix, body .projet_visuels .modal .croix {
            top: 3%; } }
      body .projet_brief .modal .full_img, body .projet_visuels .modal .full_img {
        position: absolute;
        max-height: 80%;
        max-width: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(0.5);
        transition: all 0.6s ease-out; }
      body .projet_brief .modal .full_img.open, body .projet_visuels .modal .full_img.open {
        transform: translate(-50%, -50%) scale(1); }
      body .projet_brief .modal .caption, body .projet_visuels .modal .caption {
        color: white;
        width: 100%;
        text-align: center;
        font-size: 1.5em;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%); }
        @media screen and (max-width: 1366px) {
          body .projet_brief .modal .caption, body .projet_visuels .modal .caption {
            font-size: 1em; } }
        @media screen and (max-width: 992px) {
          body .projet_brief .modal .caption, body .projet_visuels .modal .caption {
            font-size: 1em; } }
        @media screen and (max-width: 576px) {
          body .projet_brief .modal .caption, body .projet_visuels .modal .caption {
            font-size: 1em; } }
    body .projet_brief .modal.open, body .projet_visuels .modal.open {
      opacity: 1;
      pointer-events: all; }
    body .projet_brief .maquette, body .projet_visuels .maquette {
      width: 50%;
      margin: auto; }
      @media screen and (max-width: 992px) {
        body .projet_brief .maquette, body .projet_visuels .maquette {
          width: 90%; } }
    body .projet_brief .go_back, body .projet_visuels .go_back {
      text-align: center;
      color: #425664;
      margin-top: 3%; }
      @media screen and (max-width: 576px) {
        body .projet_brief .go_back, body .projet_visuels .go_back {
          font-size: 0.8em;
          margin: 5% 0 2%; } }
  body .legal_content {
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start; }
    body .legal_content h1 {
      width: 100%;
      padding: 5% 0;
      background-color: #144C59;
      color: #F6F4F2;
      font-family: "Bebas Neue", cursive;
      text-align: center;
      font-size: 3em;
      margin-top: 2%; }
    body .legal_content p, body .legal_content h2, body .legal_content h3, body .legal_content ul {
      padding: 0 10%; }
      body .legal_content p a, body .legal_content h2 a, body .legal_content h3 a, body .legal_content ul a {
        color: #AB8659; }
      body .legal_content p a:hover, body .legal_content h2 a:hover, body .legal_content h3 a:hover, body .legal_content ul a:hover {
        color: #144C59; }
    body .legal_content table {
      width: 80%;
      margin: auto;
      border-collapse: collapse; }
      body .legal_content table caption {
        padding: 0 0 1% 0; }
      body .legal_content table tbody th, body .legal_content table tbody td {
        padding: 2%;
        text-align: left;
        border: solid 1px #C6AD8F; }
  body .last {
    margin-bottom: 5%; }
  body footer {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    width: 90%;
    margin: 0 auto;
    padding: 5%;
    background-color: #144C59; }
    @media screen and (max-width: 576px) {
      body footer {
        flex-wrap: wrap;
        align-items: flex-end;
        padding: 10% 5% 20%; } }
    body footer section {
      display: flex;
      flex-direction: column;
      width: 30%; }
      @media screen and (max-width: 576px) {
        body footer section {
          width: 100%;
          align-items: center; } }
      body footer section h2 {
        width: 100%;
        margin: 0;
        color: #F6F4F2;
        font-family: "Bebas Neue", cursive;
        font-weight: 400;
        text-transform: uppercase; }
        @media screen and (min-width: 1537px) {
          body footer section h2 {
            font-size: 2.5em; } }
        @media screen and (max-width: 1536px) {
          body footer section h2 {
            font-size: 2.6em; } }
        @media screen and (max-width: 1366px) {
          body footer section h2 {
            font-size: 2.4em; } }
        @media screen and (max-width: 992px) {
          body footer section h2 {
            font-size: 2.1em; } }
        @media screen and (max-width: 576px) {
          body footer section h2 {
            font-size: 1.4em;
            text-align: center; } }
      body footer section .line_1 {
        width: 30%;
        height: 3px;
        margin: 3% 0;
        background-color: #AB8659; }
        @media screen and (max-width: 1536px) {
          body footer section .line_1 {
            height: 2px; } }
        @media screen and (max-width: 576px) {
          body footer section .line_1 {
            width: 20%;
            margin: 2% 0; } }
      body footer section nav {
        width: 100%; }
        body footer section nav ul {
          display: flex;
          flex-direction: column;
          list-style: none;
          padding: 0; }
          @media screen and (max-width: 576px) {
            body footer section nav ul {
              align-items: center; } }
          body footer section nav ul li {
            margin: 2% 0; }
            body footer section nav ul li a {
              color: #F6F4F2;
              font-family: "Rubik", sans-serif;
              font-size: 1.1em;
              line-height: 1.7em;
              text-decoration: none; }
              @media screen and (max-width: 992px) {
                body footer section nav ul li a {
                  font-size: 0.9em; } }
              @media screen and (max-width: 576px) {
                body footer section nav ul li a {
                  font-size: 0.8em;
                  line-height: 1.3em; } }
            body footer section nav ul li a:hover {
              color: #C6AD8F;
              transition: all 0.3s ease; }
            body footer section nav ul li a::after {
              content: " ";
              display: block;
              height: 2px;
              width: 45px;
              position: relative;
              bottom: -10px;
              opacity: 0; }
            body footer section nav ul li a:hover::after {
              background-color: #AB8659;
              transition: all 0.3s ease;
              bottom: 0;
              opacity: 1; }
    body footer .footer_middle {
      display: flex;
      flex-direction: column;
      align-items: center; }
      @media screen and (max-width: 576px) {
        body footer .footer_middle {
          width: 100%; } }
      body footer .footer_middle img {
        width: 70%; }
        @media screen and (max-width: 576px) {
          body footer .footer_middle img {
            width: 50%; } }
      body footer .footer_middle p {
        color: #F6F4F2;
        font-size: 0.9em;
        text-align: center; }
        @media screen and (max-width: 992px) {
          body footer .footer_middle p {
            font-size: 0.7em;
            text-align: left; } }
    body footer .footer_right {
      align-items: flex-end; }
      @media screen and (max-width: 576px) {
        body footer .footer_right {
          width: 100%;
          margin-top: 5%;
          align-items: center; } }
      body footer .footer_right h2 {
        text-align: right; }
        @media screen and (max-width: 576px) {
          body footer .footer_right h2 {
            text-align: center; } }
      body footer .footer_right nav ul {
        align-items: flex-end;
        text-align: center; }
        @media screen and (max-width: 576px) {
          body footer .footer_right nav ul {
            align-items: center; } }
        body footer .footer_right nav ul li a {
          text-align: right; }
        body footer .footer_right nav ul li a::after {
          width: 60%;
          left: 40%; }