@import url("https://fonts.googleapis.com/css2?family=Julius+Sans+One&family=Neuton:wght@300;400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=News+Cycle:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap");
* {
  box-sizing: border-box; }

html {
  font-size: 62.5%; }

body {
  font-size: 16px;
  font-family: 'News Cycle', sans-serif;
  margin: 0; }

.overlay {
  background-color: rgba(0, 0, 0, 0.3);
  filter: blur(1px); }

.title {
  font-family: 'Quicksand', sans-serif;
  font-weight: 100;
  font-size: 22px;
  text-align: center;
  padding: 25px 0; }
  @media screen and (max-width: 835px) {
    .title {
      font-size: 20px; } }
  @media screen and (max-width: 650px) {
    .title {
      padding: 15px 0; } }
  @media screen and (max-width: 480px) {
    .title {
      font-size: 18px; } }

.subtitle {
  font-family: 'Quicksand', sans-serif;
  font-weight: 100;
  font-size: 18px;
  text-align: center; }
  @media screen and (max-width: 835px) {
    .subtitle {
      font-size: 16px; } }

.text {
  font-size: 16px; }
  @media screen and (max-width: 835px) {
    .text {
      font-size: 14px; } }

.marker {
  font-family: 'Permanent Marker', cursive; }

.container {
  max-width: 1280px;
  width: 70%;
  margin: 0 auto; }

@media screen and (max-width: 1024px) {
  .container {
    width: 90%; } }
/**************HEADER**************/
header {
  width: 100%;
  height: fit-content; }
  header .menu-nav-container {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    header .menu-nav-container a {
      text-decoration: none; }
  header .menu-nav-logo img {
    max-width: 180px;
    width: 100%; }
  header .menu-nav-items {
    display: flex;
    justify-content: flex-end;
    padding: 10px 0;
    background-color: #fff; }
    header .menu-nav-items .menu-nav-item {
      padding: 0 0 0 40px; }
      header .menu-nav-items .menu-nav-item a {
        font-size: 18px;
        color: #000; }
        header .menu-nav-items .menu-nav-item a:hover {
          border-bottom: 1.5px solid #E2007D; }
    header .menu-nav-items .menu-nav-insta {
      margin-top: 3px;
      margin-left: 30px; }
      header .menu-nav-items .menu-nav-insta img {
        width: 27px; }

@media screen and (max-width: 980px) {
  header .menu-nav-items .menu-nav-item {
    padding: 0 0 0 35px; }
  header .menu-nav-items .menu-nav-insta {
    margin-left: 25px; } }
@media screen and (max-width: 834px) {
  header .menu-nav-items .menu-nav-item a {
    font-size: 16px !important; }
  header .menu-nav-items .menu-nav-insta {
    margin-top: 2px; }
    header .menu-nav-items .menu-nav-insta img {
      width: 25px; } }
@media screen and (max-width: 768px) {
  header .menu-nav-items .menu-nav-insta {
    margin-top: 4px; }
    header .menu-nav-items .menu-nav-insta img {
      width: 21px; } }
@media screen and (max-width: 600px) {
  header .menu-nav-items .menu-nav-item {
    padding: 0 0 0 25px; }
  header .menu-nav-items .menu-nav-insta {
    margin-left: 20px; } }
@media screen and (max-width: 480px) {
  header .menu-nav-logo img {
    max-width: 180px;
    min-width: 86px;
    width: 80%; }
  header .menu-nav-items .menu-nav-item {
    padding: 0 0 0 15px; }
    header .menu-nav-items .menu-nav-item a {
      font-size: 14px !important; }
  header .menu-nav-items .menu-nav-insta {
    margin-left: 15px;
    width: 18px; } }
/**************HOME**************/
.home-slogan {
  padding-top: 45px; }
  @media screen and (max-width: 650px) {
    .home-slogan {
      padding-top: 15px; } }
  .home-slogan .home-slogan-text {
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 0; }
    @media screen and (max-width: 834px) {
      .home-slogan .home-slogan-text {
        font-size: 18px; } }
    @media screen and (max-width: 480px) {
      .home-slogan .home-slogan-text {
        font-size: 16px; } }
  .home-slogan .home-marker-text {
    text-align: center;
    font-family: 'Permanent Marker', cursive;
    font-size: 17px;
    margin-top: 0; }
    @media screen and (max-width: 834px) {
      .home-slogan .home-marker-text {
        font-size: 15px; } }
    @media screen and (max-width: 480px) {
      .home-slogan .home-marker-text {
        font-size: 13px; } }

.home-intro {
  padding-top: 45px;
  padding-bottom: 20px;
  display: flex; }
  @media screen and (max-width: 834px) {
    .home-intro {
      padding-top: 15px;
      flex-direction: column; } }
  .home-intro .home-intro-left {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center; }
    @media screen and (max-width: 834px) {
      .home-intro .home-intro-left {
        width: 100%; } }
    .home-intro .home-intro-left .home-intro-text {
      margin: 0; }
      @media screen and (max-width: 1080px) {
        .home-intro .home-intro-left .home-intro-text {
          padding-right: 10px; } }
      @media screen and (max-width: 834px) {
        .home-intro .home-intro-left .home-intro-text {
          padding-right: 0;
          padding-bottom: 25px; } }
  .home-intro .home-intro-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: center; }
    @media screen and (max-width: 834px) {
      .home-intro .home-intro-right {
        width: 100%;
        justify-content: center; } }
    .home-intro .home-intro-right .home-intro-img-container img {
      width: 355px;
      height: 355px; }
      @media screen and (max-width: 400px) {
        .home-intro .home-intro-right .home-intro-img-container img {
          width: 275px;
          height: 275px; } }

@media screen and (max-width: 834px) {
  .infos {
    padding-bottom: 5px; } }
.infos .infos-text-container {
  width: fit-content;
  margin: 0 auto; }
  .infos .infos-text-container .icon-infos {
    margin-right: 5px;
    color: #E2007D; }

.reseau-une {
  margin-top: calc(45px + 20px);
  margin-bottom: calc(20px + 10px);
  padding-bottom: 20px;
  background: #ffe2f2; }
  @media screen and (max-width: 650px) {
    .reseau-une {
      margin-top: calc(30px + 20px); } }
  .reseau-une .reseau-une-content p {
    padding: 0 calc(9% + 10px) 10px;
    text-align: center; }
    @media screen and (max-width: 650px) {
      .reseau-une .reseau-une-content p {
        padding: 0 15px 10px; } }
  .reseau-une .reseau-une-content .reseau-une-button {
    text-align: center; }
    .reseau-une .reseau-une-content .reseau-une-button a {
      text-decoration: none;
      color: #E2007D;
      width: fit-content;
      margin: 0 auto; }
      .reseau-une .reseau-une-content .reseau-une-button a .wording {
        border-bottom: 1.5px solid #ffe2f2; }
        .reseau-une .reseau-une-content .reseau-une-button a .wording:hover {
          border-bottom: 1.5px solid #E2007D; }
      .reseau-une .reseau-une-content .reseau-une-button a img {
        width: 21px;
        margin-right: 7px;
        vertical-align: text-bottom; }
      .reseau-une .reseau-une-content .reseau-une-button a .fa {
        font-size: 20px;
        margin-right: 5px; }

/**************FOOTER**************/
footer {
  padding: 45px 0 15px; }
  @media screen and (max-width: 650px) {
    footer {
      padding: 30px 0 15px; } }
  footer .menu-footer {
    font-size: 12px; }
    footer .menu-footer .footer-menu-tabs {
      margin: 0;
      padding: 0 0 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap; }
      footer .menu-footer .footer-menu-tabs .menu-item {
        padding: 0 10px;
        font-size: 12px; }
      footer .menu-footer .footer-menu-tabs a {
        text-decoration: none;
        color: #000; }
    footer .menu-footer p {
      text-align: center;
      margin: 0; }

/**************PAGE 404**************/
.error-404 {
  padding: 100px 0;
  text-align: center; }
  .error-404 .error-404-text {
    font-size: 28px; }
  .error-404 .go-home {
    color: #000;
    text-decoration: none; }
    .error-404 .go-home:hover {
      border-bottom: 1.5px solid #E2007D; }

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