@font-face {
  font-family: "Source Sans Pro";
  src: url("/fonts/SourceSansPro-EstraLight.otf");
  font-weight: 100; }
@font-face {
  font-family: "Source Sans Pro";
  src: url("/fonts/SourceSansPro-Light.otf");
  font-weight: 300; }
@font-face {
  font-family: "Source Sans Pro";
  src: url("/fonts/SourceSansPro-Regular.otf");
  font-weight: 500; }
@font-face {
  font-family: "Source Sans Pro";
  src: url("/fonts/SourceSansPro-Bold.otf");
  font-weight: 700; }
@font-face {
  font-family: "Source Sans Pro";
  src: url("/fonts/SourceSansPro-Black.otf");
  font-weight: 900; }
@font-face {
  font-family: "Vanilla Shot";
  src: url("/fonts/VanillaShotRegular.otf");
  font-weight: 500; }
@font-face {
  font-family: "Vanilla Shot";
  src: url("/fonts/VanillaShotBold.otf");
  font-weight: 700; }
html, button, input, select, textarea, .pure-g [class*="pure-u"] {
  font-family: "Source Sans Pro", sans-serif; }

.hide {
  display: none !important; }

body {
  background-color: #7d226f;
  margin: 0;
  padding: 0; }

.container {
  max-width: 1000px;
  margin: 0 auto; }

.header .container {
  text-align: center;
  padding: 10px; }
.header span {
  font-family: "Source Sans Pro";
  font-weight: 700;
  color: white; }
.header a {
  display: inline-block; }
.header > container > div {
  margin: 5px 0; }

.face-button, .insta-button, .linkedin-button {
  width: 25px;
  height: 25px;
  display: inline-block; }

.button--header {
  margin: 0 7px;
  float: right; }

.face-button {
  background: url(/images/icon-face.png) no-repeat center/100%; }

.insta-button {
  background: url(/images/icon-insta.png) no-repeat center/100%; }

.linkedin-button {
  background: url(/images/icon-linkedin.png) no-repeat center/100%; }

.banner {
  background: url("/images/foto-banner.png") no-repeat center/100%;
  width: 100%;
  height: 200px;
  font-family: "Source Sans Pro";
  margin-bottom: 15px; }

.banner__portuguese, .banner__english, .banner__french {
  width: 20px;
  height: 20px;
  float: right;
  margin: 7px; }

.banner__portuguese:hover, .banner__english:hover, .banner__french:hover {
  cursor: pointer; }

.banner__portuguese {
  background: url("/images/lang-portuguese.png") no-repeat center/100%; }

.banner__english {
  background: url("/images/lang-english.png") no-repeat center/100%; }

.banner__french {
  background: url("/images/lang-french.png") no-repeat center/100%; }

.banner__logo {
  background: url("/images/logo-ecomunica-branco.png") no-repeat center/70%;
  height: 100px;
  position: relative;
  top: 50px; }

@media(min-width: 1024px) {
  .banner__logo {
    background-size: auto 100%; } }
.wedo {
  background-color: white;
  padding: 10px; }

.wedo__logo {
  text-align: center;
  padding: 45px 0; }
  .wedo__logo img {
    width: auto; }

.wedo__text {
  font-family: "Source Sans Pro";
  text-align: justify;
  font-weight: 300;
  margin: 0 20px;
  display: inline-block; }

@media(min-width: 1024px) {
  margin: 0 auto; }
.segments {
  background-color: white;
  width: 100%; }
  .segments img {
    width: 100%; }

.segments > .lang {
  text-align: center;
  padding: 25px; }

.segments__container {
  margin: 0 40px; }

.segments__container .lang {
  font-family: "Source Sans Pro";
  font-size: 32px;
  font-weight: 300;
  width: 100%;
  position: absolute;
  text-align: center;
  color: white; }
  .segments__container .lang p {
    padding: 0;
    margin: 0; }

.segments__technology, .segments__life, .segments__culture {
  position: relative; }

@media(min-width: 1024px) {
  .segments img {
    width: auto; }

  .segments__technology img, .segments__life img, .segments__culture img {
    background-size: 100% 475px; } }
.segments__technology img, .segments__life img, .segments__culture img {
  background-size: auto; }

.segments__life {
  background: url("/images/photo-life.png") no-repeat center;
  height: 475px; }
  .segments__life .lang {
    top: 36%; }

.segments__technology {
  background: url("/images/photo-technology.png") no-repeat center;
  height: 475px; }
  .segments__technology .lang {
    top: 40%; }

.segments__culture {
  background: url("/images/photo-culture.png") no-repeat center;
  height: 475px; }
  .segments__culture .lang {
    top: 40%; }

.we-believe {
  padding: 40px 10px 60px;
  font-size: 20px;
  color: #444;
  font-weight: 300;
  font-family: "Source Sans Pro";
  text-align: center; }
@media(min-width: 1024px) {
  .we-believe {
    text-align: left; } }
.we-are {
  padding: 20px 0; }
  .we-are .lang {
    margin: 0 auto; }

.we-are__logo {
  text-align: center; }
  .we-are__logo img {
    width: 70%;
    text-align: center; }

.we-are__container--logo {
  text-align: center;
  color: white; }
  .we-are__container--logo span {
    font-family: "Source Sans Pro";
    font-weight: 300;
    font-size: 18px; }

.we-are__container--ellen, .we-are__container--flavia {
  text-align: center;
  font-weight: 300;
  font-family: "Source Sans Pro";
  text-align: center;
  font-size: 14px; }

.we-are__about-ellen, .we-are__about-flavia {
  color: white;
  font-weight: 300;
  font-family: "Source Sans Pro";
  text-align: center;
  font-size: 14px; }
  .we-are__about-ellen span, .we-are__about-flavia span {
    font-weight: 700; }

.we-are__photo {
  width: 120px;
  height: 120px;
  border-radius: 100px;
  position: relative;
  margin: 0 auto; }

.photo__ellen {
  background: url("/images/thumb-ellen.png") no-repeat center/100% 100%; }

.photo__flavia {
  background: url("/images/thumb-flavia.png") no-repeat center/100% 100%; }

.button--we-are {
  position: absolute;
  bottom: -10px; }

.face-button.button--we-are {
  left: 30px; }

.insta-button.button--we-are {
  right: 30px; }

.linkedin-button.button--we-are {
  right: 30px; }

.pure-u-hide {
  display: none; }
@media(min-width: 1024px) {
  .pure-u-hide {
    display: inline-block; } }
.pure-u-lg-hide {
  display: inline-block; }
@media(min-width: 1024px) {
  .pure-u-lg-hide {
    display: none; } }
@media(min-width: 1024px) {
  .we-are {
    width: 100%;
    padding: 1px 0; }
    .we-are .we-are {
      background: url("/images/photo-personal.png") no-repeat center/100%; }

  .we-are > .container > div {
    margin: 50px auto; }

  .we-are__container--logo {
    height: 155px; }
    .we-are__container--logo div {
      height: 100%; }

  .we-are__text {
    font-family: "Source Sans Pro" !important;
    color: white;
    font-size: 20px;
    font-weight: 300;
    position: relative; }
    .we-are__text span {
      position: absolute;
      top: 50%;
      left: 0px;
      right: 0px;
      margin: 0px auto;
      transform: translateY(-50%); }

  .we-are__logo {
    text-align: center;
    position: relative; }

  .we-are__logo img {
    position: absolute;
    top: 40%;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    width: 70%;
    transform: translateY(-50%); }

  .we-are .we-are__about-ellen, .we-are .we-are__about-flavia {
    font-family: "Source Sans Pro";
    color: white;
    font-size: 18px;
    font-weight: 300; }
    .we-are .we-are__about-ellen span, .we-are .we-are__about-flavia span {
      font-weight: 700; }
    .we-are .we-are__about-ellen > div, .we-are .we-are__about-flavia > div {
      margin: 0; }

  .we-are__about-flavia {
    text-align: justify; }

  .we-are__about-ellen {
    text-align: justify; }

  .we-are__photo {
    width: 120px;
    height: 120px;
    border-radius: 100px;
    position: relative;
    margin: 0 auto; }

  .photo__ellen {
    background: url("/images/thumb-ellen.png") no-repeat center/100% 100%; }

  .photo__flavia {
    background: url("/images/thumb-flavia.png") no-repeat center/100% 100%; }

  .button--we-are {
    position: absolute;
    bottom: -10px; }

  .face-button.button--we-are {
    left: 30px; }

  .insta-button.button--we-are {
    right: 30px; }

  .linkedin-button.button--we-are {
    right: 30px; } }
.clients {
  background-color: white;
  text-align: center;
  padding: 40px 0; }
  .clients .lang {
    margin-bottom: 16px; }
  .clients .lang img {
    width: 40%; }
@media(min-width: 1024px) {
  .clients .lang img {
    width: auto; } }
.client-logos {
  width: 100%; }

.client-logo {
  display: inline-block;
  padding: 10px 20px;
  box-sizing: border-box;
  width: 80%; }
  .client-logo img {
    width: 100%;
    vertical-align: middle; }

@media(max-width: 1024px);
@media(min-width: 1024px) {
  .client-logo {
    width: 25%; }

  .client--courchevel img {
    width: 88%; } }
.footer {
  text-align: center;
  color: white;
  font-weight: 500;
  font-size: 14px;
  margin-bottom: 30px;
  font-family: "Source Sans Pro"; }
  .footer img {
    width: 70%; }
@media(min-width: 1024px) {
  .footer img {
    width: auto; } }
.footer__header {
  margin: 30px auto 10px; }

.button--footer {
  margin: 0 10px; }

.footer__contact {
  margin: 5px auto; }