@charset "UTF-8";
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased; }

body {
  color: #0000ff; }

a {
  color: inherit;
  text-decoration: none; }

ul {
  list-style: none; }

img {
  width: 100%; }

main {
  padding-top: 7.5rem; }
  @media (max-width: 480px) {
    main {
      padding-top: 4.9rem; } }
  @media only screen and (max-width: 768px) {
    main {
      padding-top: 4.9rem; } }

.flex, .header__right, .logo, .nav, .footer {
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex; }

.col-1, .nav__col {
  padding-left: 1rem;
  padding-right: 1rem; }

	@media only screen and (min-width: 769px) {
		.footer__address, .footer__contact, .footer__info {

  padding-left: 1rem;
  padding-right: 1rem; }
}


  @media only screen and (min-width: 769px) {
    .col-1, .nav__col, .footer__address, .footer__contact {
      width: calc((100% / 4) * 1);
	  } }

  @media only screen and (min-width: 769px) {
    .footer__info, .footer__info-two {
      width: calc((100% / 6) * 1.5); } }

  @media only screen and (max-width: 769px) {
    .footer__info-two .footer__header {
      display: none;
	  } }


@media only screen and (min-width: 769px) {
  .off-1 {
    margin-left: calc((100% / 6) * 1); } }

.col-2 {
  padding-left: 1rem;
  padding-right: 1rem; }
  @media only screen and (min-width: 769px) {
    .col-2 {
      width: calc((100% / 6) * 2); } }

@media only screen and (min-width: 769px) {
  .off-2 {
    margin-left: calc((100% / 6) * 2); } }

.col-3 {
  padding-left: 1rem;
  padding-right: 1rem; }
  @media only screen and (min-width: 769px) {
    .col-3 {
      width: calc((100% / 6) * 3); } }

@media only screen and (min-width: 769px) {
  .off-3 {
    margin-left: calc((100% / 6) * 3); } }

@media only screen and (min-width: 940px) {
  .footer__info {
    margin-left: calc((100% / 6) * 2); } }

.col-4 {
  padding-left: 1rem;
  padding-right: 1rem; }
  @media only screen and (min-width: 769px) {
    .col-4 {
      width: calc((100% / 6) * 4); } }

@media only screen and (min-width: 769px) {
  .off-4 {
    margin-left: calc((100% / 6) * 4); } }

.col-5, .big-text__copy {
  padding-left: 1rem;
  padding-right: 1rem; }
  @media only screen and (min-width: 769px) {
    .col-5, .big-text__copy {
      width: calc((100% / 6) * 5); } }

@media only screen and (min-width: 769px) {
  .off-5 {
    margin-left: calc((100% / 6) * 5); } }

.col-6 {
  padding-left: 1rem;
  padding-right: 1rem; }
  @media only screen and (min-width: 769px) {
    .col-6 {
      width: calc((100% / 6) * 6); } }

@media only screen and (min-width: 769px) {
  .off-6 {
    margin-left: calc((100% / 6) * 6); } }

.screen-reader-text {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden; }

@font-face {
  font-family: 'mab';
  src: url(../fonts/mabry-regular-pro.otf); }

@font-face {
  font-family: 'mab';
  src: url(../fonts/mabry-light-pro.otf);
  font-weight: 300; }

@font-face {
  font-family: 'mab';
  src: url(../fonts/mabry-light-italic-pro.otf);
  font-weight: 300;
  font-style: italic; }

@font-face {
  font-family: 'mab';
  src: url(../fonts/mabry-bold-pro.otf);
  font-weight: 700; }

body {
  font-family: mab, "Helvetica Neue", Helvetica, Arial, sans-serif; }

p,
address {
  line-height: 1.5; }

strong, b {
  font-weight: 700; }

.light, .header, .footer {
  font-weight: 300; }

.text-large, .statistics__statistic div:first-of-type {
  font-size: 57px; }

main ul {
  margin-left: 3em; }
  main ul li {
    margin-bottom: 1em;
    position: relative; }
    main ul li:before {
      content: "—";
      position: absolute;
      left: -3em; }

main p {
  margin-bottom: 1em; }

address {
  font-style: normal; }

input {
  appearance: none; }

.header {
  position: fixed;
  width: 100%;
  background-color: #0000ff;
  color: white;
  line-height: 1.4;
  align-items: center;
  justify-content: space-between;
  z-index: 20;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: flex;
  padding-top: 1rem;
  padding-bottom: 1rem; }
  @media only screen and (max-width: 768px) {
    .header {
      display: flex;
      padding-top: 1rem;
      padding-bottom: 1rem; } }
  @media only screen and (min-width: 769px) {
    .header {
      padding-left: 1rem;
      padding-right: 1rem; } }
  .header a:hover {
    text-decoration: none !important; }
  .header__right {
    justify-content: flex-end; }
  .header__search {
    position: relative; }
    .header__search input[type='search'],
    .header__search input[type='submit'] {
      background-color: transparent;
      outline: none;
      border: none;
      margin: 0; }
    .header__search input[type='search'] {
      border-bottom: 1px solid white;
      color: white;
      min-width: 300px;
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
      padding-left: 0.25rem;
      padding-right: 3rem; }
      .header__search input[type='search']::placeholder {
        opacity: 0; }
      @media only screen and (max-width: 768px) {
        .header__search input[type='search'] {
          border-bottom: 2px solid white;
          min-width: 0;
          width: 100px;
          padding-top: 0.6rem;
          padding-bottom: 0.6rem;
          padding-left: 0.25rem;
          padding-right: 3rem; } }
    .header__search input[type='submit'] {
      position: absolute;
      background-image: url(../files/search.svg);
      background-repeat: no-repeat;
      right: 0;
      top: .5em;
      cursor: pointer;
      width: 1.25em;
      height: 1.25em; }
      @media only screen and (max-width: 768px) {
        .header__search input[type='submit'] {
          width: 1.5em;
          height: 1.5em; } }
  .header__menu {
    font-weight: 400;
    cursor: pointer;
    position: relative;
    width: 3em;
    text-align: right;
    margin-left: 2rem; }
    @media (max-width: 480px) {
      .header__menu {
        font-size: 24px !important;
        padding-top: 0rem; } }
    @media only screen and (max-width: 768px) {
      .header__menu {
        font-size: 18px !important;
        padding-top: 0.35rem;
        margin-left: 1rem; } }
  .header__button {
    position: absolute;
    right: 0;
    transition: opacity .2s; }
    .header__button--open {
      visibility: visible;
      opacity: 1; }
      .header__menu--open .header__button--open {
        visibility: hidden;
        opacity: 0; }
    .header__button--close {
      visibility: hidden;
      width: 1.5em;
      opacity: 0; }
      .header__menu--open .header__button--close {
        visibility: visible;
        opacity: 1; }

input.search-field {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  border-radius: 0px;
  -webkit-border-radius: 0px; }

.logo img {
	display: block;
}
.logo {
  align-items: center; }
  .logo__graphic {
    width: 90px;
    display: block; }
    @media only screen and (max-width: 768px) {
      .logo__graphic {
        width: 47px;
		padding-top: 1px;
		} }
  .logo__wordmark {
    font-size: 16px;
    text-transform: uppercase;
    line-height: 1;
    font-weight: bold;
    margin-left: 2rem; }
    @media only screen and (max-width: 768px) {
      .logo__wordmark {
        font-size: 11px;
        margin-left: .7rem;
		} }

.nav {
  position: fixed;
  width: 100%;
  background-color: #0000ff;
  color: white;
  line-height: 1.4;
  top: -100%;
  z-index: 10;
  transition: top 0.3s;
  padding-top: 14rem;
  padding-bottom: 6rem; }
  @media only screen and (max-width: 768px) {
    .nav {
      height: 100%;
      flex-wrap: wrap;
      overflow: scroll;
      padding-top: 8rem; } }
  .nav--active {
    top: 0; }
  @media only screen and (max-width: 768px) {
    .nav__col {
      width: 50%; } }
  @media only screen and (max-width: 768px) {
    .nav ul {
      padding-bottom: 1rem; } }
@media only screen and (min-width: 769px) {
  .nav ul li {
    margin-bottom: 1rem; }
	 }
/*     .nav ul li:first-of-type {
      font-weight: bold; }
    .nav ul li.nobold {
      font-weight: normal; } */

.footer {
  background-color: #d6fcd3;
  line-height: 1.4;
  padding-top: 2rem;
  padding-bottom: 4rem; }
  @media only screen and (max-width: 940px) {
    .footer {
      flex-wrap: wrap;
      flex-direction: column;
      padding-bottom: 4rem; } }
  @media only screen and (min-width: 769px) {
    .footer {
      padding-top: 1rem; } }
  .footer__header {
    font-weight: bold;
    margin-bottom: 1rem; }
    @media only screen and (max-width: 940px) {
      .footer__header {
        margin-top: 2rem; } }
  .footer .menu-switcher-container {
    display: inline-block; }

.translatepress-en_US .tp_en,
.translatepress-fr_FR .tp_fr {
  display: none; }

.big-text {
  background-color: #ffe2ff;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 80px;
  padding: 1rem; }
  .big-text__copy {
    height: 50vw; }

.statistics {
  display: flex;
  justify-content: space-around;
  text-align: center; }
  .statistics__statistic {
    width: 20%; }

.profile__picture {
  width: 200px;
  height: 200px;
  border-radius: 100%;
  overflow: hidden; }
  .profile__picture img {
    object-fit: cover;
    height: 100%;
    width: 100%; }

@media only screen and (max-width: 940px) {
	.profile__picture {
	  width: 200px;
  height: 200px;
}
}

.profile__intro p:last-of-type {
  margin-bottom: -.25em; }

.profile__info {
  text-transform: uppercase;
  margin-top: 2rem; }

.profile__name {
  font-weight: bold; }

.profile__email, .profile__text {
  margin-top: 2rem; }

.profile__more, .profile__less {
  font-size: 2em;
  cursor: pointer; }

.profile__more {
  transition: all 0.5s; }
  .profile__more--hide {
    opacity: 0;
    pointer-events: none; }

.profile__content {
  display: none; }

.partner__picture {
  width: 15vw;
  height: 15vw;
  border-radius: 100%;
  overflow: hidden;
  background: #f3f3f3; }
  .partner__picture img {
    object-fit: contain;
    height: 100%;
    width: 100%; }

.partner__info {
  text-transform: uppercase;
  margin-top: 2rem; }

.partner__name {
  font-weight: bold; }

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


/*# ADD TO SOURCE SCSS */

@media only screen and (max-width: 768px) {
      .header__menu {
        font-size: 17px !important;

	} 
	
      .header__switcher {
        font-size: 17px !important;
        padding-top: 0.35rem;
        margin-left: 1rem; 
	} 
	
	.header__right {
		padding-left: 0;
	}
}

.footer__contact a {
	white-space: nowrap;
}


.mp_wrapper {
	padding: 2rem;
	margin-top: 100px;
	margin-bottom: 200px;
}

.mp_wrapper h3{
	margin-bottom: 1em;
}

.mp_wrapper input[type=submit] {
	background-color: blue;
	color: white;
	padding: 1em 2em;
	border: none;
	text-transform: uppercase;
}

.mp-form-row {
	max-width: 50%
}

@media only screen and (max-width: 768px) {
	.mp-form-row {
		max-width: 100%
	}	
}





table {
	border: 1px solid blue;
		border-collapse:collapse

}

td {
	border: 1px solid blue;
	padding: 10px;
	border-collapse:collapse
}

/* .single h2, .page h2 {
	font-weight: bold;
	font-size: 24px;
} */