@import url(https://fonts.googleapis.com/css?family=Gochi+Hand|Open+Sans:100,300,400,600);
@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;700&display=swap);
@font-face {
  font-family: "icomoon";
  src: url("fonts/icomoon.eot?xljdtt");
  src: url("fonts/icomoon.eot?xljdtt#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?xljdtt") format("truetype"), url("fonts/icomoon.woff?xljdtt") format("woff"), url("fonts/icomoon.svg?xljdtt#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
i {
  font-family: "icomoon";
  speak: none;
  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: "\e600";
}

.icon-palette:before {
  content: "\e626";
}

.icon-tornado:before {
  content: "\e642";
}

.icon-sun:before {
  content: "\e647";
}

.icon-moon:before {
  content: "\e649";
}

.icon-cloud:before {
  content: "\e64a";
}

.icon-rain:before {
  content: "\e64d";
}

.icon-sun-cloud:before {
  content: "\e653";
}

.icon-lightning:before {
  content: "\e654";
}

.icon-shield:before {
  content: "\e668";
}

.icon-lock:before {
  content: "\e66b";
}

.icon-unlock:before {
  content: "\e66d";
}

.icon-tools:before {
  content: "\e676";
}

.icon-trash:before {
  content: "\e681";
}

.icon-heart:before {
  content: "\e68c";
}

.icon-star:before {
  content: "\e68d";
}

.icon-flag:before {
  content: "\e690";
}

.icon-envelope:before {
  content: "\e696";
}

.icon-paperclip:before {
  content: "\e698";
}

.icon-paperplane:before {
  content: "\e699";
}

.icon-clipboard:before {
  content: "\e6d0";
}

.icon-register:before {
  content: "\e6d1";
}

.icon-music:before {
  content: "\e6e6";
}

.icon-library:before {
  content: "\e718";
}

.icon-portrait:before {
  content: "\e71c";
}

.icon-users:before {
  content: "\e723";
}

.icon-network:before {
  content: "\e726";
}

.icon-pushpin:before {
  content: "\e778";
}

.icon-map:before {
  content: "\e77a";
}

.icon-calendar:before {
  content: "\e789";
}

.icon-tablet:before {
  content: "\e7ac";
}

.icon-laptop:before {
  content: "\e7ad";
}

.icon-devices:before {
  content: "\e7ae";
}

.icon-desktop:before {
  content: "\e7af";
}

.icon-bubbles:before {
  content: "\e7d7";
}

.icon-pulse:before {
  content: "\e7e8";
}

.icon-syringe:before {
  content: "\e7ea";
}

.icon-pills:before {
  content: "\e7eb";
}

.icon-first-aid:before {
  content: "\e7ec";
}

.icon-graph:before {
  content: "\e7fa";
}

.icon-cake:before {
  content: "\e7fe";
}

.icon-glass:before {
  content: "\e810";
}

.icon-dinner:before {
  content: "\e812";
}

.icon-happy:before {
  content: "\e889";
}

.icon-smile:before {
  content: "\e88a";
}

.icon-sad:before {
  content: "\e88d";
}

.icon-neutral:before {
  content: "\e893";
}

.icon-wondering:before {
  content: "\e89b";
}

.icon-megaphone:before {
  content: "\e8ae";
}

.icon-loading:before {
  content: "\e8d4";
}

.icon-thumbs-up:before {
  content: "\e91b";
}

.icon-thumbs-down:before {
  content: "\e91c";
}

.icon-search:before {
  content: "\e922";
}

.icon-check:before {
  content: "\e934";
}

.icon-cross:before {
  content: "\e935";
}

.icon-plus:before {
  content: "\e936";
}

.icon-minus:before {
  content: "\e937";
}

.icon-up:before {
  content: "\e939";
}

.icon-down:before {
  content: "\e93a";
}

.icon-left:before {
  content: "\e93b";
}

.icon-right:before {
  content: "\e93c";
}

.icon-expand:before {
  content: "\e952";
}

.icon-contract:before {
  content: "\e953";
}

.icon-notification:before {
  content: "\e956";
}

.icon-question:before {
  content: "\e957";
}

* {
  box-sizing: border-box;
}

/*
 * colors
 */
/*
 * styles
 */
html {
  font-family: "DM Sans", "Helvetica Neue", Verdana, Arial, sans-serif !important;
  font-weight: 300;
  font-size: 14pt;
}
@media (max-width: 800px) {
  html {
    font-size: 12pt;
  }
}

body {
  margin: 0;
  padding: 0;
  color: #424242;
  background-color: #FFFFFF;
}

.container {
  max-width: 1200px;
  padding: 0 1rem;
  margin: 0 auto;
}

.gochi {
  font-family: "Gochi Hand", cursive;
  font-size: 1.2rem;
  color: #42A5F5;
  text-align: center;
  width: 85%;
}
.gochi .brand {
  font-size: 2rem;
}

a {
  color: #42A5F5;
  text-decoration: none;
  transition: color 250ms ease-in-out;
}
a:hover, a:focus {
  color: rgb(17.5628140704, 141.9346733668, 242.4371859296);
  text-decoration: underline;
}
a.back {
  text-decoration: none !important;
  color: rgb(162.8743718593, 211.1306532663, 250.1256281407);
}
a.back:hover {
  color: #42A5F5;
}

.cta-button {
  display: block;
  border-radius: 4px;
  transition: background-color 250ms ease-in-out;
  text-decoration: none;
  color: #000000;
  text-align: center;
}
.cta-button:hover, .cta-button:focus {
  color: #000000;
  text-decoration: none;
}

.cta-button_plaincolor {
  width: 150px;
  padding: 8px 30px;
  background-color: #42A5F5;
  border: none;
  margin: 0 auto;
}
.cta-button_plaincolor:hover, .cta-button_plaincolor:focus {
  background-color: #FFFFFF;
  padding: 6px 28px;
  border: 2px solid #42A5F5;
}

.cta-button_bordercolor {
  padding: 6px 14px;
  background-color: #FFFFFF;
  border: 2px solid #42A5F5;
}
.cta-button_bordercolor:hover, .cta-button_bordercolor:focus {
  background-color: #42A5F5;
  padding: 8px 16px;
  border: none;
}

/*
 * branding
 */
.icon--red {
  color: #EF5350;
}

.nav {
  padding: 1rem 0;
}
.nav .container {
  display: flex;
  align-items: center;
}
.nav .container:after {
  content: "";
  clear: both;
}

.covid {
  margin-top: 0;
  background: rgba(100, 181, 245, 0.5);
  margin-bottom: 1rem;
  padding: 0.3rem 0;
}
.covid p {
  margin: 0;
  text-align: center;
}
.covid p i {
  color: #EF5350;
}

.nav--docked {
  position: fixed;
  top: 0;
  left: 0;
  padding: 20px 0;
  width: 100%;
  z-index: 999;
  background-color: rgba(255, 255, 255, 0.9);
}
.nav--docked .logo {
  height: 40px;
}

.logo-wrapper {
  display: flex;
  align-items: center;
  flex: 1 0 auto;
}

.logo {
  height: 60px;
}

.nav__links {
  flex: 0 0 auto;
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
}

.nav__link {
  display: inline-block;
  margin-left: 2rem;
}

.nav__link_envelop a {
  display: flex;
  align-items: center;
  color: #000000;
  font-size: 2rem;
}
.nav__link_envelop a span {
  font-size: 1rem;
  margin-right: 0.5rem;
}
.nav__link_envelop a i {
  color: #42A5F5;
}
.nav__link_envelop a:hover {
  color: #42A5F5;
  text-decoration: none;
}

.hero {
  padding: 5rem 0;
  margin-bottom: 5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.hero .intro-text {
  width: 50%;
}
.hero h1 {
  margin: 0;
  font-size: 2rem;
  font-weight: 300;
}
.hero .cta-button_plaincolor {
  margin: 28px 0 0 0;
}
.hero img {
  width: 45%;
  height: auto;
  margin-left: 2rem;
}

.feature-cards {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 5rem;
}

.feature-cards__card {
  flex-grow: 1;
  flex-basis: 50%;
  padding: 1rem;
  font-weight: 100;
  text-align: left;
  margin-bottom: 2rem;
}
.feature-cards__card header {
  font-size: 2.5rem;
}
.feature-cards__card h4 {
  margin-bottom: 0;
}

.motivation {
  margin-top: 7rem;
  display: flex;
  flex-direction: column;
}

.motivation__text {
  width: 50%;
}

.motivation__text_right {
  align-self: flex-end;
  text-align: right;
}

.half-card-quote {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
}

.highlight_half {
  width: 70%;
}
.highlight_half p {
  text-align: center;
}

.highlight {
  padding: 7rem;
  color: #000000;
  margin: 7rem 0;
}
.highlight .container {
  padding: 0;
}
.highlight h3 {
  max-width: 700px;
  margin: 0 auto;
  font-size: 1.5rem;
  font-weight: 300;
  text-align: center;
}

.highlight_pink {
  background: rgba(240, 98, 146, 0.5);
}

.daycare-parents__title {
  text-align: center;
  margin-bottom: 5rem;
}

.daycare,
.parent {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 7rem;
}

.daycare__image {
  width: 45%;
  height: auto;
}

.parent__image {
  width: 40%;
  height: auto;
}

.daycare__header,
.parent__header {
  margin: 0;
}

.highlight_blue {
  background: rgba(100, 181, 245, 0.5);
}

.tarifs h2 {
  text-align: center;
  margin-bottom: 3rem;
}

.tarif-card {
  width: 50%;
  margin: 0 auto 7rem auto;
  background: #F7F7F7;
  box-shadow: 0px 16px 30px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
  padding: 2rem 3rem;
}
.tarif-card .cta-button_plaincolor {
  margin-bottom: 3rem;
}

.tarif-card__length,
.tarif-card__cost {
  text-align: center;
}

.tarif-card__length,
.tarif-card__cost span {
  font-weight: 700;
}

.tarif-card__cost span {
  font-size: 2rem;
}

.fa-check {
  font-size: 0.8rem;
  margin-right: 1rem;
  color: #42A5F5;
}

.about {
  text-align: center;
}
.about p {
  margin-bottom: 3rem;
}

.partners {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.person {
  flex-grow: 1;
  flex-basis: 50%;
  padding: 1rem 5px;
  text-align: center;
}
.person img {
  width: 40%;
}
.person p {
  margin-top: 0;
  font-weight: 700;
}
.person p span {
  display: block;
  color: #9E9E9E;
  font-size: 0.8rem;
  font-weight: 100;
}

.footer {
  font-size: 0.7rem;
  margin-bottom: 3rem;
}
.footer .container {
  border-top: 1px solid #9E9E9E;
  padding: 2rem 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.footer .footer__logo {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.footer .footer__logo img {
  height: 40px;
}
.footer .footer__logo p {
  color: #9E9E9E;
  text-align: center;
  margin: 0;
}
.footer .footer__logo p > i {
  position: relative;
  top: 4px;
  font-size: 1.2rem;
}
.footer .menu {
  display: flex;
  flex-direction: column;
}
.footer .menu a {
  color: #424242;
}
.footer .menu a:hover {
  color: #42A5F5;
}
.footer .contact {
  width: 30%;
}
.footer .contact i {
  color: #424242;
  font-size: 1.3rem;
  margin-right: 1.5rem;
  transition: color 250ms ease-in-out;
}
.footer .contact i:hover {
  color: #42A5F5;
}
.footer .contact p {
  text-align: left;
}

.terms h1 {
  text-align: inherit;
}
.terms h3 span {
  font-size: 0.9rem;
  font-weight: 300;
  color: #9E9E9E;
}

@media (max-width: 600px) {
  .logo {
    height: 30px;
  }
  .hero,
  .motivation {
    padding: 2rem 0;
  }
  .nav__link .cta-button_plaincolor,
  .nav__link_envelop {
    display: none;
  }
  .hero {
    flex-direction: column;
  }
  .hero .intro-text {
    width: 100%;
    text-align: center;
  }
  .hero .cta-button {
    margin: 28px auto 0 auto;
  }
  .hero img {
    width: 90%;
    margin: 80px auto 20px auto;
  }
  .feature-cards__card {
    flex-basis: 100%;
  }
  .motivation__text {
    width: 80%;
  }
  .daycare,
  .parent {
    flex-direction: column;
    margin-bottom: 4rem;
  }
  .daycare__header,
  .parent__header {
    font-size: 1rem;
  }
  .highlight {
    padding: 4rem 2rem;
  }
  .highlight h3 {
    font-size: 1rem;
  }
  .tarif-card {
    width: 80%;
  }
  .half-card-quote p {
    width: 90%;
  }
  .partners {
    flex-wrap: wrap;
  }
  .person {
    flex-basis: 100%;
  }
  .person .avatar {
    width: 50%;
  }
  .footer .container {
    flex-direction: column-reverse;
    align-items: center;
  }
  .footer .container .menu {
    margin-bottom: 3rem;
  }
  .footer .container .contact {
    width: 80%;
    text-align: center;
    margin-bottom: 1rem;
  }
}
@media (max-width: 1024px) {
  .logo {
    height: 40px;
  }
  .nav__link {
    margin-left: 1rem;
  }
}
@media (max-width: 800px) {
  .container {
    max-width: 700px;
  }
}

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