@import url(../bower_components/bootstrap4/dist/css/bootstrap.css);
@import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,400;0,700;1,400&display=swap");
/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html,
button,
input,
select,
textarea {
  color: #222;
}

body {
  font-size: 1em;
  line-height: 1.4;
}

a {
  color: #00e;
}

a:visited {
  color: #551a8b;
}

a:hover {
  color: #06e;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */
img {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */
/* Prevent callout */
.nocallout {
  -webkit-touch-callout: none;
}

.pressed {
  background-color: rgba(0, 0, 0, 0.7);
}

/* A hack for HTML5 contenteditable attribute on mobile */
textarea[contenteditable] {
  -webkit-appearance: none;
}

/* A workaround for S60 3.x and 5.0 devices which do not animated gif images if
   they have been set as display: none */
.gifhidden {
  position: absolute;
  left: -100%;
}

/*
 * Image replacement
 */
.ir {
  background-color: transparent;
  background-repeat: no-repeat;
  border: 0;
  direction: ltr;
  display: block;
  overflow: hidden;
  text-align: left;
  text-indent: -999em;
}

.ir br {
  display: none;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
  display: none !important;
  visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
  visibility: hidden;
}

/**
 * Clearfix helper
 * Used to contain floats: h5bp.com/q
 */
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 800px) {
  /* Style adjustments for viewports that meet the condition */
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  /* Style adjustments for viewports that meet the condition */
}
html {
  height: 100%;
}

body {
  height: 100%;
  background-image: url(../img/bg.svg), url(../img/bg2.svg);
  background-position: right 90px, left calc(100vh - 161px);
  background-repeat: no-repeat, no-repeat;
  box-sizing: border-box;
  font-family: 'Jost', 'Trebuchet', sans-serif;
  color: #222;
  font-weight: 300;
  line-height: 1.75rem;
}

p {
  margin: 0;
  color: #2A2B3D;
}

b, strong {
  font-weight: bold;
}

h1, h2 {
  color: #2A2B3D;
  font-family: 'Jost', sans-serif;
}

h3, h4, h5, h6 {
  color: #2A2B3D;
  font-family: 'Jost', sans-serif;
  text-transform: uppercase;
}

h2 {
  color: #2A2B3D;
}

h2.sub {
  font-size: 1.5rem;
  margin: 10px 0 0.5rem;
}

h6 {
  margin: 1.2rem auto -3px;
  color: #F7079D;
}

.btn-off {
  pointer-events: none;
  position: absolute;
  bottom: 75px;
  right: 35px;
  opacity: 0.85;
  transform: rotate(-5deg);
  width: 190px;
  padding: 10px 0;
  background: #F7079D;
  border: 0;
  border-radius: 0;
  font-weight: bold;
}

.btn-primary {
  background: #F7079D;
  border-color: #F7079D;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
}
.btn-primary:visited, .btn-primary:active {
  background: #F7079D;
  border-color: #F7079D;
  color: #fff;
}
.btn-primary:hover {
  background: #2A2B3D;
  border-color: #fff;
  color: #fff;
}

.card {
  height: 305px;
  padding: 110px 0;
  background: 0;
  border: 0;
  border-radius: 0;
  transition: all 150ms ease-in-out;
}
.card:hover {
  transform: scale(1.025);
}
.card .card-img-top {
  width: 65px;
  display: block;
  margin: 0 auto;
}
.card--cubo {
  padding: 60px 0 0;
}
.card--cubo .card-img-top {
  width: 165px;
}
.card--youse {
  background: #F9A31A;
}
.card--globoplay {
  background: #F60513;
}
.card--globoplay .card-img-top {
  width: 85px;
}
.card--bb {
  background: #2360A5;
}
.card--bb .card-img-top {
  width: 85px;
}
.card--avanti {
  background: #2AB679;
}
.card--medicinia {
  background: #2AB6B6;
}
.card--medicinia .card-img-top {
  width: 90px;
}

.card-title {
  color: #2A2B3D;
  margin: 0 0 3px;
  text-transform: none;
}

.card-body {
  padding: 1.1rem .75rem;
}

.card-text {
  min-height: 66px;
  line-height: 1.4rem;
  margin-bottom: 5px;
  color: #666;
  font-size: 14px;
}
@media all and (max-width: 700px) {
  .card-text {
    min-height: auto;
  }
}

.footer {
  padding: 2rem 0;
  text-align: center;
  background: #2A2B3D;
}
.footer p {
  display: block;
  width: 100%;
  text-align: center;
  color: #fff;
  font-family: 'Jost', sans-serif;
  font-size: .9rem;
}
.footer p.version {
  font-size: .8rem;
}

.menu-link-mobile {
  display: none;
  font-size: 1.1rem;
  text-transform: uppercase;
  text-decoration: none !important;
  color: #000 !important;
  font-weight: bold !important;
  background: #fff;
  padding: 3px 7px;
  border-radius: 5px;
}
@media all and (max-width: 700px) {
  .menu-link-mobile {
    display: block;
  }
}
.menu-link-mobile:active {
  color: #F7079D;
}

.show-menu {
  display: block !important;
}

.header-wrapper {
  margin: -50px auto 0;
  padding: 3.15rem 0;
  font-family: 'Jost', sans-serif;
}
.header-wrapper--home {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: calc(100vh - 90px);
  margin: 90px auto 0;
}
@media all and (max-width: 700px) {
  .header-wrapper--home {
    padding: 2.05rem 0;
  }
}
.header-wrapper--about {
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin: 90px auto 24px;
  height: 60vh;
}
@media all and (max-width: 700px) {
  .header-wrapper--about {
    padding: 2.05rem 0;
  }
}
.header-wrapper--project {
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin: 90px auto 40px;
  background: #111;
  padding: 6rem 0;
}
@media all and (max-width: 700px) {
  .header-wrapper--project {
    padding: 2.05rem 0;
  }
}
.header-wrapper--project .title {
  color: #f9f9f9;
}
.header-wrapper--project .btn {
  bottom: -100px;
  left: 120px;
  font-size: 1.35rem;
  width: 250px;
  padding: 12px 10px;
  font-weight: bold;
}

.cube-icon {
  position: absolute;
  top: 50%;
  right: 0;
  width: 255px;
  transform: translate(0, -50%);
}
@media all and (max-width: 700px) {
  .cube-icon {
    display: none;
  }
}

.projects-wrapper-home {
  padding: 40px 0 80px;
}

.devaneio-wrapper {
  padding: 80px 0;
  background: #fff;
}

.content-wrapper {
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
}

.content {
  display: inline-block;
  padding: 1em;
}

.title {
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-size: 64px;
  color: #111;
}
@media all and (max-width: 700px) {
  .title {
    font-size: 2.15em;
  }
}

.title-hey {
  margin: 0;
  padding: 0;
  font-weight: 300;
  font-size: 56px;
  color: #111;
}
@media all and (max-width: 700px) {
  .title-hey {
    font-size: 2.15em;
  }
}

.subtitle {
  margin: 5px auto 10px;
  font-size: 1.5em;
  color: #F7079D;
  letter-spacing: .025rem;
}
@media all and (max-width: 700px) {
  .subtitle {
    margin: 10px auto -10px;
    font-size: 1.1em;
  }
}

.media-links {
  margin: 0 30px 24px 0;
  font-size: 1.25em;
  font-weight: 300;
  font-family: 'Jost', sans-serif;
  color: #111;
}
.media-links a {
  color: #111 !important;
}
.media-links--black {
  color: inherit !important;
}
.media-links--black a {
  color: inherit !important;
}

.contact-image {
  width: 32px;
  margin: 0 11px 0 0;
}
.contact-image.linkedin {
  margin-top: -10px;
}

.featured-text {
  display: block;
  width: 100%;
  margin: 30px auto 35px;
  padding: .5em;
  color: #999;
  font-size: .9em;
  line-height: 1.25rem;
  text-align: center;
}

.header {
  z-index: 2;
  position: fixed;
  top: 0;
  width: 100%;
  padding: 10px 0;
  background: #fff;
  border-bottom: 1px solid #F8F8F8;
}
@media all and (max-width: 700px) {
  .header {
    margin: 0 0 25px;
    padding: 0;
  }
}

.navbar {
  padding: 0;
  background: transparent;
  font-family: 'Jost', sans-serif;
}
@media all and (max-width: 700px) {
  .navbar {
    padding: 0 0 25px;
  }
}
.navbar .navbar-brand {
  margin: 0 0 0 -1.5rem;
  padding: 16px 0;
  font-size: 2rem;
  font-weight: bold;
  color: #F7079D;
}
@media all and (max-width: 500px) {
  .navbar .navbar-brand {
    font-size: 1.15rem;
  }
}
.navbar .nav-link {
  margin: 0 32px 0 0;
  padding: .5rem 1.1rem !important;
  color: #111;
  text-transform: lowercase;
  font-size: 24px;
  border-radius: 5px;
  min-width: 65px;
  text-align: center;
  font-weight: normal;
}
@media all and (max-width: 700px) {
  .navbar .nav-link {
    margin: 0 5px;
    padding: 1rem 0;
    font-size: 1.5rem;
  }
}
.navbar .nav-link:hover {
  color: #F7079D;
}
.navbar .active .nav-link {
  pointer-events: none;
  font-weight: bold;
  color: #F7079D;
  background: #f5f5f5;
  border-radius: 0;
}

.box-featured {
  display: flex;
  width: 80%;
  margin: 30px auto;
  padding: .6rem .5rem;
  justify-content: center;
  align-items: center;
  text-align: center;
  line-height: 1.5rem !important;
  color: #ea4c89;
  border: 2px solid;
  font-size: 1.1rem;
  border-radius: 12px;
}

.highlight-case {
  transform: rotate(-1.5deg);
  text-transform: lowercase;
  margin: -5px 0 0;
  color: #F7079D;
}

.text-highlight {
  color: #F7079D;
  font-weight: 300;
}
.project-section-wrapper--featured .text-highlight {
  color: #F7079D;
}

.list-font-size {
  margin: 1.5rem;
  font-size: 1.15rem;
  line-height: 2.15rem;
}

.project-title-home {
  display: inline-block;
  margin: 0 auto 1.5rem;
  padding: 1rem 0 .5rem 0;
  font-size: 40px;
  font-weight: bold;
  color: #111;
  text-transform: uppercase;
  font-family: 'Jost', sans-serif;
  position: relative;
}
.project-title-home img {
  position: absolute;
  top: calc(50% - 13px);
  left: -25px;
  width: 27px;
  height: 32px;
  transform: translate(-50%, 0);
}

.project-text-home {
  margin: -10px 0 -10px;
  font-family: 'Jost', sans-serif;
  font-size: 1.15rem;
}

@media all and (max-width: 700px) {
  .media-custom {
    display: block;
  }
}

.project-link-2 {
  opacity: 0.55;
  pointer-events: none;
}
.project-link {
  position: relative;
  display: block;
  width: 90%;
  height: 360px;
  margin: 0 0 0 5%;
  padding: 1.5rem;
  background: #111;
  color: #fff;
  transition: all 250ms ease-in-out;
}
.project-link:visited {
  color: #555;
}
.project-link:hover {
  transform: scale(1.025) rotate(-0.25deg);
  text-decoration: none;
}
.project-link:hover .project-link__fake-link {
  color: #F7079D;
}
.project-link__logo {
  position: absolute;
  left: 24px;
  bottom: 32px;
}
.project-link__fake-link {
  position: absolute;
  right: 24px;
  bottom: 24px;
  color: #38F2A2;
  font-weight: bold;
  text-transform: uppercase;
  font-family: 'Jost', sans-serif;
}
.project-thumbnail {
  overflow: hidden;
  width: 100px;
  height: 100px;
  background: #fff;
  border: 1px solid #eee;
  transition: all 150ms ease-in-out;
}
.project-thumbnail--bigger {
  width: 150px;
  height: 150px;
  border-radius: 10px;
  border: 0;
}
@media all and (max-width: 700px) {
  .project-thumbnail--bigger {
    width: 100%;
    height: auto;
    display: block;
    text-align: center;
    margin: 0 0 15px;
  }
}
.project-header {
  height: 70vh;
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin: -50px auto 30px;
  background: #2A2B3D;
  text-align: center;
}
@media all and (max-width: 700px) {
  .project-header {
    height: 50vh;
  }
}
.project-member {
  margin: 0 0 .5rem;
  font-size: 1.5rem;
  color: #000;
  font-family: 'Jost', sans-serif;
  font-weight: bold;
}
.project-member-image {
  display: block;
  margin: 0 auto;
}
.project__title {
  margin: 0 auto;
  font-size: 2.75rem;
  color: #fff;
  font-family: 'Jost', sans-serif;
  font-weight: 300;
}
@media all and (max-width: 700px) {
  .project__title {
    width: auto;
    font-size: 2.5rem;
  }
}
.project__subtitle {
  display: inline-block;
  margin: 1.5rem auto 1rem;
  padding: .75rem 0 .25rem;
  font-weight: bold;
  font-size: 2.5rem;
  color: #111;
  border-bottom: 2px solid #F7079D;
}
.project-section-wrapper--featured .project__subtitle {
  color: #F7079D;
}
.dark-title .project__subtitle {
  color: #111;
}
.media-body .project__subtitle {
  background: 0;
  margin: 0 0 .35rem;
  padding: 0;
  border: none;
  font-size: 1.5rem;
  font-weight: bold;
  font-size: 32px;
  color: #fff;
}
.project__subtitle--off {
  font-size: 1.5rem;
  color: #F7079D;
}
.project__inner-title {
  margin: 2rem auto .25rem;
  font-size: 1.35rem;
  color: #2A2B3D;
  font-weight: bold;
}
.project-section-wrapper--featured .project__inner-title {
  color: #F7079D;
}
.project__inner-subtitle {
  margin: 4rem auto .3rem;
  font-size: 1.85rem;
  color: #2A2B3D;
  text-transform: none;
  font-weight: bold;
}
.project__inner-subtitle--less-margin-top {
  margin-top: 1.25rem;
}
.project__image-description {
  margin: 0 auto 2rem;
  text-align: center;
  color: #999;
  font-size: .9rem;
  font-style: italic;
  font-family: Helvetica, Arial, 'sans-serif';
}

h5 {
  color: #555;
  margin: 1.25rem auto .5rem;
  font-size: 1.15rem;
}

.subtitle-content {
  margin: 0 0 8px;
  font-size: 1.15rem !important;
  color: #000;
  font-family: 'Jost', sans-serif;
  font-weight: bold;
}

.project-section-wrapper {
  padding: .5rem 0 1rem;
  padding: 2em 0;
}
.project-section-wrapper p {
  font-size: 1.15rem;
  line-height: 2.15rem;
}
.project-section-wrapper--featured {
  background: #f9f9f9;
}
.project-section-wrapper--darker {
  background: #f9f9f9;
}
.project-section-wrapper--with-padding {
  padding: 1.5rem 0 3rem;
}

.project-text--italic {
  font-style: italic;
}

.project-image {
  display: block;
  width: 100%;
  max-width: 600px;
  margin: 1rem auto 0;
  padding: 0;
  border-radius: 3px;
}
.project-image--mope-pr {
  max-width: 375px;
}
.project-image--bigger {
  max-width: 800px;
}

.project-image-title {
  display: inline-block;
  margin: 2rem 0 .5rem;
  padding: .25rem 0;
  border-bottom: 2px dotted #FF2E55;
  font-size: 1.1rem;
  font-weight: bold;
}

.project-image-full {
  display: block;
  width: 100%;
  margin: 0 auto 20px;
  border-radius: 10px;
}

.project-image-mobile {
  border: 1px solid #eee;
}

.project-image-middle {
  float: left;
  display: inline-block;
  width: 50%;
}

.project-clients-title {
  display: inline-block;
  margin: 1.5rem auto 1rem;
  padding: .25rem .75rem;
  color: #001739;
  border-left: 5px solid #86F28B;
  font-size: 1.15rem;
}

.project-clients {
  overflow: hidden;
  margin: 20px 0 10px;
}
.project-clients img {
  float: left;
  width: 150px;
  margin: 0 35px 0 0;
}

.project-explanation {
  padding: 15px 0;
  line-height: 2rem;
  border-bottom: 1px solid #d6dce2;
  margin: 0 auto 25px;
}

.extra-title {
  margin: 2rem 0 .7rem;
  font-size: 1.5em;
}

.extra-text {
  color: #545454;
  font-size: .9rem;
}

.canais-wrapper {
  list-style: none;
  margin: 2rem auto 3rem;
  padding: 1rem 0 1.5rem;
  display: flex;
  flex-wrap: wrap;
  font-size: 1.25rem;
  color: #1E8FB2;
  text-transform: uppercase;
  font-weight: bold;
  max-width: 800px;
}
@media all and (max-width: 700px) {
  .canais-wrapper {
    margin: 0 auto;
  }
}
.canais-wrapper li {
  flex: 1 1 0%;
  text-align: center;
}
@media all and (max-width: 700px) {
  .canais-wrapper li {
    margin: 0 auto 1.5rem;
  }
}

.card-link {
  display: block;
  text-decoration: none;
}

.badge {
  display: inline-block;
  margin-right: 3.5px;
  padding: 3px 12px 3px;
  font-size: 90%;
  font-weight: normal;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  text-transform: uppercase;
  background: #F7079D;
  color: #fff !important;
  border-radius: 20px;
}
.card .badge, .project-link .badge {
  margin-right: 2px;
  font-size: 75%;
  padding: 3px 8px;
}
.badge:nth-child(2n) {
  color: #fff !important;
  background: #2A2B3D;
}

.workplace-text {
  margin: 0 auto 1rem;
  font-family: 'Jost', sans-serif;
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
}
.workplace-text p {
  color: #888;
  font-size: .8rem;
  margin: 5px 0 -8px;
}

.logos-mobile {
  width: 100%;
  display: none;
}
@media all and (max-width: 700px) {
  .logos-mobile {
    display: block;
  }
}

.logos-desk {
  display: block;
  width: 100%;
  max-width: 1100px;
}
@media all and (max-width: 700px) {
  .logos-desk {
    display: none !important;
  }
}

.workplace-text-bg {
  width: calc(100% + 2px);
  height: 91px;
  margin: 0 0 -76px -1px;
  background: url(../img/workplace-bg.svg) no-repeat;
  background-size: contain;
}
.workplace-text-bg2 {
  position: relative;
  width: calc(100% + 2px);
  height: 91px;
  margin: -1px 0 -76px -1px;
  z-index: 0;
  background: url(../img/workplace-bg2.svg) no-repeat;
  background-size: contain;
}

.workplace-wrapper {
  position: relative;
  z-index: 1;
  margin: 0 auto;
  padding: 25px 0;
  background: #F7079D;
}
@media all and (max-width: 700px) {
  .workplace-wrapper {
    padding: 30px 0 50px;
  }
}
.workplace-wrapper p {
  text-align: center;
  margin: 5px 10px 0;
  color: #545454;
  font-weight: bold;
  font-size: 1.1rem;
  font-family: 'Jost', sans-serif;
  text-transform: uppercase;
}

.p-home {
  margin: 1.5rem 0 1.5rem;
  color: #fff;
  line-height: 1.75rem;
  font-family: 'Jost', sans-serif;
  font-size: 18px;
}

.process-list {
  font-size: 1.25rem;
  line-height: 2.5rem;
  margin: 0 auto;
}

.research-cell {
  padding: 10px;
}
.research-cell h4 {
  position: relative;
  min-height: 80px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 0 0 0 15px;
  font-size: 1.35rem;
  line-height: 1.4rem;
  font-weight: bold;
  text-transform: none;
  color: #F7079D;
}
@media all and (max-width: 700px) {
  .research-cell h4 {
    margin: 0 0 20px;
    text-align: center;
  }
}
.research-cell span {
  position: absolute;
  display: block;
  left: -25px;
  top: 20px;
  width: 30px;
  height: 30px;
  margin: 0 auto 5px;
  background: #F7079D;
  color: #fff;
  border-radius: 50%;
  line-height: 30px;
  text-align: center;
}
@media all and (max-width: 700px) {
  .research-cell span {
    position: relative;
  }
}
.research-cell img {
  display: block;
  width: 65%;
  margin: -10px auto 20px;
}
@media all and (max-width: 700px) {
  .research-cell img {
    max-width: 100px;
  }
}
.research-cell p {
  font-size: 1rem;
  color: #444;
  line-height: 1.5;
}

.profile-cell {
  padding: 10px;
}
.profile-cell span {
  display: block;
  width: 50px;
  height: 50px;
  margin: -7px auto 5px;
  background: #ffffff;
  color: #F7079D;
  border-radius: 50%;
  line-height: 50px;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  z-index: 1;
  position: relative;
  border: 1px solid #eee;
}
.profile-cell img {
  display: block;
  width: 100%;
  min-height: 105px;
  margin: 0 auto;
}
@media all and (max-width: 700px) {
  .profile-cell img {
    max-width: 100px;
  }
}
.profile-cell p {
  display: flex;
  justify-content: center;
  flex-direction: column;
  min-height: 35px;
  font-size: 1.15rem;
  color: #2a2b3d;
  line-height: 1.25rem;
  text-align: center;
  font-weight: bold;
}

.map-image {
  display: block;
  width: 100%;
}

.perfil-image {
  display: block;
  width: 40%;
  margin: 0 auto;
  border: 1px solid #ccc;
}

.image-legend {
  display: block;
  width: 100%;
  margin: 3px auto 0;
  font-size: .95em !important;
  font-style: italic;
  text-align: center;
}

.place-list {
  margin: 50px auto 0;
  padding: 0;
  list-style: none;
}

.place-item {
  display: flex;
  margin: 0 auto 10px;
  padding: 0;
}
.place-item span {
  display: block;
  width: 32px;
  height: 32px;
  background: #970940;
  border-radius: 50%;
  margin: 0 10px 0 0;
}

.place-item--pr span {
  background: #62062a;
}

.place-item--rj span {
  background: #ff136d;
}

.wire-image {
  display: block;
  width: 100%;
  margin: 0 auto;
}

.pain-image {
  display: block;
  width: 60%;
  margin: 0 auto;
}

.ws-image, .tax-image {
  display: block;
  width: 100%;
  margin: 0 auto;
}
.ws-image--white, .tax-image--white {
  background: #fff;
}

.ai-con-image {
  display: block;
  width: 45%;
  margin: 0 auto;
}

.ui-image {
  display: block;
  width: 60%;
  margin: 0 auto;
  border: 1px solid #ccc;
}

.pointer-home {
  position: absolute;
  bottom: 10px;
  width: 100%;
  text-align: center;
  animation: animaSeta infinite 1s;
}

@keyframes animaSeta {
  0% {
    transform: translate(0, -10px);
  }
  25% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, -5px);
  }
  75% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(0, -10px);
  }
}
.separador {
  margin: 80px auto 20px;
  text-align: center;
}
.separador img {
  width: 51px;
}

.phrase-home {
  margin: 30px auto 85px;
  font-family: 'Jost';
  font-size: 1.35rem;
  max-width: 700px;
  line-height: 2rem;
}
.phrase-home b {
  color: #ea4c89;
}
@media all and (max-width: 700px) {
  .phrase-home {
    display: none;
  }
}
.phrase-home img {
  display: block;
  width: 100%;
  max-width: 670px;
  margin: 0 auto;
}

.role {
  font-size: 1.5rem;
  line-height: 2.1rem;
}
.role li {
  margin: 0 auto 10px;
}

.highlight-text {
  color: #38F2A2;
  margin: 0 auto 0 2.5rem;
  border-left: 5px solid;
  padding: 10px 1rem;
  background: #222;
}

.job {
  margin: 0 auto 2rem;
}
.job__period {
  margin: 50px auto 0;
  text-align: right;
  font-size: 20px;
  letter-spacing: -0.1px;
  color: #41393F;
}
.job--small .job__period {
  margin-top: 0;
}
.job__period--multiple {
  margin: 6px auto 0;
}
.job__period-smal {
  font-size: 14px;
  color: #41393F;
}
.job__cia {
  text-align: left;
  font-weight: bold;
  font-size: 28px;
  color: #111;
  text-transform: none;
}
.job__title {
  font-size: 32px;
  color: #111;
  text-transform: none;
}
.job--small .job__title {
  margin: 0;
  font-size: 20px;
  font-weight: bold;
}
.job__desc {
  margin: 0 auto 8px;
  font-size: 20px;
  line-height: 29px;
  color: #41393F;
}
.job--small .job__desc {
  margin: 5px 0 0 -1px;
  font-size: 17px;
  line-height: 24px;
  font-style: italic;
}

.section {
  margin: 64px auto 0;
}
.section__title {
  text-align: right;
  font-size: 2rem;
  color: #41393F;
}
.section.knowledge ul, .section.knowledge li {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 20px;
  color: #41393F;
}
.section.knowledge ul {
  margin: 1rem auto 2rem;
}
.section.knowledge li {
  margin: 10px auto 1rem;
  letter-spacing: -1px;
}
.section .break-line {
  margin: 47px 0 0 !important;
}

.knowledge {
  margin-bottom: 60px;
}
.knowledge__title {
  font-weight: bold;
  font-size: 28px;
}
.knowledge__title--design {
  color: #F7079D;
}
.knowledge__title--dev {
  color: #38F2A2;
}

.about-title {
  font-weight: bold;
  font-size: 64px;
}
.about-desc {
  padding: 0 60px 0 0;
  font-size: 24px;
  line-height: 36px;
  color: #41393F;
}
.about-image {
  width: 90%;
  max-width: 345px;
}

.cert__title {
  font-weight: bold;
  font-size: 28px;
  line-height: 36px;
  text-transform: none;
}
.cert__image {
  width: 100%;
  max-width: 125px;
  margin: 16px auto 0;
}
.cert__image--sfd {
  padding: 0 15px;
  margin: 16px auto 0 -15px;
}

.course {
  margin: 0 auto 1.5rem;
}
.course__title {
  font-weight: bold;
  font-size: 28px;
  color: #111;
  text-transform: none;
}
.course__place {
  font-size: 24px;
  color: #41393F;
}
.course__date {
  margin: 4px auto 0;
  font-size: 20px;
  color: #41393F;
}

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