* {
  box-sizing: border-box; }

html, body, h1, h2, p, ul, li, a {
  font-family: Ruda; }

li {
  list-style: none;
  display: inline; }

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

.background {
  background: url(../images/bg_institucional.png) center no-repeat;
  height: 1800px;
  z-index: 0; }

.social-media {
  display: flex;
  padding: 11px;
  float: right; }

.menu-logo .logo {
  margin: 5% 0 0 5%; }

.menu {
  margin-top: 25px;
  margin-left: 80px;
  writing-mode: vertical-lr;
  transform: rotate(-180deg);
  color: white;
  font-family: Ruda; }
  .menu a:hover {
    text-decoration: none;
    color: white;
    background-color: #46a8a6; }

.fundo mark {
  background-color: #46a8a6;
  color: white; }

.fundo h1, .fundo p, .text-one h1, .text-one p, .text-two h1, .text-two p, .text-three h1, .text-three p, .bg-textos h1, .bg-textos p {
  color: white;
  font-family: Ruda Black; }

.ideias-vivas {
  writing-mode: vertical-lr;
  transform: rotate(-180deg);
  color: #43b9b3; }

.second-banner h1 {
  font-family: Ruda Black; }

.marcas .marcas-img img {
  margin: 0 auto;
  display: inherit; }

.bg-textos {
  background-color: #35c5bf; }

footer {
  background-color: #46a8a6;
  position: relative;
  bottom: 0;
  width: 100%; }

@font-face {
  font-family: 'Ruda';
  src: url(../fonts/rudaregular.woff); }

@font-face {
  font-family: 'Ruda Bold';
  src: url(../fonts/rudabold.woff); }

@font-face {
  font-family: 'Ruda Black';
  src: url(../fonts/rudablack.woff); }

@media (min-width: 320px) and (max-width: 344.99px) {
  .background {
    height: 1190px; }
  .menu-logo .logo {
    width: 25%;
    z-index: 1; }
  .menu-logo .ilustracao {
    display: none; }
  .menu-logo .social-media {
    width: 50%;
    padding: 0; }
    .menu-logo .social-media img {
      width: 15%;
      margin: 15% 0 0 13%; }
    .menu-logo .social-media ul {
      width: 100%; }
  .menu-logo .menu {
    margin: 0 14%; }
  .fundo p {
    margin: -90% 10% 0 40%;
    font-size: 17px; }
  .logo-verde {
    margin: -150% 0 0 30%; }
    .logo-verde p {
      font-size: 30px;
      color: #0cffea;
      text-shadow: 2px 2px #43aca9; }
  .text-one {
    font-size: 17px;
    margin: 10% 10%; }
  .text-two {
    font-size: 17px;
    margin: 0 18%; }
  .text-three {
    font-size: 20px;
    background-color: #46a8a6; }
    .text-three p {
      padding: 2% 0; }
  .ideias-vivas {
    margin: -80% 0 0 90%;
    font-family: Ruda Black; }
  .first-banner {
    height: 95px; }
    .first-banner .opa {
      color: #0cffea;
      font-size: 40px;
      margin: -25% 70%; }
    .first-banner .conexoes {
      display: none; }
    .first-banner .relacionamento {
      display: none; }
  .row {
    margin: 0;
    color: white;
    font-size: 14px; }
    .row p {
      padding: 0 8%; }
    .row h3 {
      color: #0cffea;
      padding: 5% 14% 0 20%;
      font-family: Ruda Black; }
  .second-banner {
    height: 95px; }
    .second-banner h1 {
      font-size: 14px;
      color: #0cffea;
      margin: -25% 13% 0 0; }
  .bg-textos .text-one {
    font-size: 13px;
    margin: 0% 5%;
    padding: 7% 0 0 0; }
  .bg-textos .text-two {
    padding: 5% 0 10% 0;
    font-size: 13px; }
  .bg-textos .text-three {
    padding: 5% 10%; }
  .bg-textos img {
    display: none; }
  .marcas {
    height: 300px; }
    .marcas .rabisco-marcas {
      display: none; }
    .marcas .banner-marcas {
      z-index: 2; }
      .marcas .banner-marcas p {
        font-size: 23px;
        font-family: Ruda Black;
        margin-top: 10%; }
      .marcas .banner-marcas mark {
        background-color: #0cffea;
        color: #43aca9; }
    .marcas .marcas-img img {
      width: 250px; }
  footer .footer-bg {
    height: 300px; }
  footer .marca-footer p {
    display: none; }
  footer .marca-footer img {
    margin: 75% 20%;
    width: 90%; }
  footer .social-media-footer {
    margin: 5%; }
    footer .social-media-footer p {
      color: white;
      width: 80%;
      margin: 0 15%; }
    footer .social-media-footer .social-media {
      margin: 5%;
      width: 100%; }
      footer .social-media-footer .social-media img {
        width: 25%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 345px) and (max-width: 359.99px) {
  .background {
    height: 1150px; }
  .menu-logo .logo {
    width: 25%;
    z-index: 1; }
  .menu-logo .ilustracao {
    display: none; }
  .menu-logo .social-media {
    width: 50%;
    padding: 0; }
    .menu-logo .social-media img {
      width: 15%;
      margin: 15% 0 0 13%; }
    .menu-logo .social-media ul {
      width: 100%; }
  .menu-logo .menu {
    margin: 0 14%; }
  .fundo p {
    margin: -90% 10% 0 40%;
    font-size: 17px; }
  .logo-verde {
    margin: -150% 0 0 30%; }
    .logo-verde p {
      font-size: 30px;
      color: #0cffea;
      text-shadow: 2px 2px #43aca9; }
  .text-one {
    font-size: 17px;
    margin: 10% 10%; }
  .text-two {
    font-size: 17px;
    margin: 0 18%; }
  .text-three {
    font-size: 20px;
    background-color: #46a8a6; }
    .text-three p {
      padding: 2% 0; }
  .ideias-vivas {
    margin: -70% 0 0 90%;
    font-family: Ruda Black; }
  .first-banner {
    height: 95px; }
    .first-banner .opa {
      color: #0cffea;
      font-size: 40px;
      margin: -25% 70%; }
    .first-banner .conexoes {
      display: none; }
    .first-banner .relacionamento {
      display: none; }
  .row {
    margin: 0;
    color: white;
    font-size: 14px; }
    .row p {
      padding: 0 8%; }
    .row h3 {
      color: #0cffea;
      padding: 5% 14% 0 20%;
      font-family: Ruda Black; }
  .second-banner {
    height: 95px; }
    .second-banner h1 {
      font-size: 12px;
      color: #0cffea;
      margin: -25% 13% 0 0; }
  .bg-textos .text-one {
    font-size: 13px;
    margin: 0% 5%;
    padding: 7% 0 0 0; }
  .bg-textos .text-two {
    padding: 5% 0 10% 0;
    font-size: 13px; }
  .bg-textos .text-three {
    padding: 5% 10%; }
  .bg-textos img {
    display: none; }
  .marcas {
    height: 250px; }
    .marcas .rabisco-marcas {
      display: none; }
    .marcas .banner-marcas {
      z-index: 2; }
      .marcas .banner-marcas p {
        font-size: 23px;
        font-family: Ruda Black;
        margin-top: 10%; }
      .marcas .banner-marcas mark {
        background-color: #0cffea;
        color: #43aca9; }
    .marcas .marcas-img img {
      width: 250px; }
  footer .footer-bg {
    height: 300px; }
  footer .marca-footer p {
    display: none; }
  footer .marca-footer img {
    margin: 75% 20%;
    width: 90%; }
  footer .social-media-footer {
    margin: 5%; }
    footer .social-media-footer p {
      color: white;
      width: 80%;
      margin: 0 15%; }
    footer .social-media-footer .social-media {
      width: 100%; }
      footer .social-media-footer .social-media img {
        width: 25%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 360px) and (max-width: 374.98px) {
  .background {
    height: 1140px; }
  .menu-logo .logo {
    width: 25%;
    z-index: 1; }
  .menu-logo .ilustracao {
    display: none; }
  .menu-logo .social-media {
    width: 50%;
    padding: 0; }
    .menu-logo .social-media img {
      width: 15%;
      margin: 15% 0 0 13%; }
    .menu-logo .social-media ul {
      width: 100%; }
  .menu-logo .menu {
    margin: 0 14%; }
  .fundo p {
    margin: -90% 10% 0 40%;
    font-size: 17px; }
  .logo-verde {
    margin: -135% 0 0 30%; }
    .logo-verde p {
      font-size: 30px;
      color: #0cffea;
      text-shadow: 2px 2px #43aca9; }
  .text-one {
    font-size: 17px;
    margin: 10% 10%; }
  .text-two {
    font-size: 17px;
    margin: 0 18%; }
  .text-three {
    font-size: 20px;
    background-color: #46a8a6; }
    .text-three p {
      padding: 2% 0; }
  .ideias-vivas {
    margin: -70% 0 0 90%;
    font-family: Ruda Black; }
  .first-banner {
    height: 107px; }
    .first-banner .opa {
      color: #0cffea;
      font-size: 40px;
      margin: -25% 70%; }
    .first-banner .conexoes {
      display: none; }
    .first-banner .relacionamento {
      display: none; }
  .row {
    margin: 0;
    color: white;
    font-size: 14px; }
    .row p {
      padding: 0 10%; }
    .row h3 {
      color: #0cffea;
      padding: 7% 14% 0 20%;
      font-family: Ruda Black; }
  .second-banner {
    height: 107px; }
    .second-banner h1 {
      font-size: 14px;
      color: #0cffea;
      margin: -25% 13% 0 0; }
  .bg-textos .text-one {
    font-size: 14px;
    margin: 0% 5%;
    padding: 7% 0 0 0; }
  .bg-textos .text-two {
    padding: 5% 0 10% 0;
    font-size: 14px; }
  .bg-textos .text-three {
    padding: 5% 10%; }
  .bg-textos img {
    display: none; }
  .marcas {
    height: 250px; }
    .marcas .rabisco-marcas {
      display: none; }
    .marcas .banner-marcas {
      z-index: 2; }
      .marcas .banner-marcas p {
        font-size: 24px;
        font-family: Ruda Black;
        margin-top: 10%; }
      .marcas .banner-marcas mark {
        background-color: #0cffea;
        color: #43aca9; }
    .marcas .marcas-img img {
      width: 250px; }
  footer .footer-bg {
    height: 300px; }
  footer .marca-footer p {
    display: none; }
  footer .marca-footer img {
    margin: 75% 33%;
    width: 90%; }
  footer .social-media-footer {
    margin: 5%; }
    footer .social-media-footer p {
      color: white;
      width: 80%;
      margin: 0 15%; }
    footer .social-media-footer .social-media {
      width: 100%; }
      footer .social-media-footer .social-media img {
        width: 25%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 375px) and (max-width: 400.98px) {
  .background {
    height: 1170px; }
  .menu-logo .logo {
    width: 20%;
    z-index: 1; }
  .menu-logo .ilustracao {
    display: none; }
  .menu-logo .social-media {
    width: 50%;
    padding: 0; }
    .menu-logo .social-media img {
      width: 15%;
      margin: 15% 0 0 13%; }
    .menu-logo .social-media ul {
      width: 100%; }
  .menu-logo .menu {
    margin: 0 12%; }
  .fundo p {
    margin: -80% 10% 0 45%;
    font-size: 17px; }
  .logo-verde {
    margin: -130% 0 0 30%; }
    .logo-verde p {
      font-size: 30px;
      color: #0cffea;
      text-shadow: 2px 2px #43aca9; }
  .text-one {
    font-size: 17px;
    margin: 10% 10%; }
  .text-two {
    font-size: 17px;
    margin: 0 18%; }
  .text-three {
    font-size: 20px;
    background-color: #46a8a6;
    width: 90%; }
    .text-three p {
      padding: 2% 0; }
  .ideias-vivas {
    margin: -75% 0 0 90%;
    font-family: Ruda Black; }
  .first-banner {
    height: 112px; }
    .first-banner .opa {
      color: #0cffea;
      font-size: 55px;
      margin: -25% 70%; }
    .first-banner .conexoes {
      display: none; }
    .first-banner .relacionamento {
      display: none; }
  .row {
    margin: 0;
    color: white;
    font-size: 15px; }
    .row p {
      padding: 0 10%; }
    .row h3 {
      color: #0cffea;
      padding: 5% 15% 0 20%;
      font-family: Ruda Black; }
  .second-banner {
    height: 111px; }
    .second-banner h1 {
      font-size: 14px;
      color: #0cffea;
      margin: -25% 13% 0 0; }
  .bg-textos .text-one {
    font-size: 15px;
    margin: 0% 10%;
    padding: 10% 0 0 0; }
  .bg-textos .text-two {
    padding: 5% 0 10% 0;
    font-size: 15px; }
  .bg-textos .text-three {
    padding: 5% 0;
    margin: 5% 10%; }
  .bg-textos img {
    display: none; }
  .marcas {
    height: 300px; }
    .marcas .rabisco-marcas {
      display: none; }
    .marcas .banner-marcas {
      z-index: 2; }
      .marcas .banner-marcas p {
        font-size: 25px;
        font-family: Ruda Black;
        margin-top: 10%; }
      .marcas .banner-marcas mark {
        background-color: #0cffea;
        color: #43aca9; }
    .marcas .marcas-img img {
      width: 250px; }
  footer {
    height: 275px; }
    footer .footer-bg {
      height: 100%; }
    footer .marca-footer p {
      display: none; }
    footer .marca-footer img {
      height: 90px;
      margin: 65% 45%; }
    footer .social-media-footer p {
      color: white;
      width: 65%;
      margin: 0 30%;
      font-size: 15px;
      padding-top: 5%; }
    footer .social-media-footer .social-media {
      width: 85%; }
      footer .social-media-footer .social-media img {
        width: 25%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 401px) and (max-width: 420.98px) {
  .background {
    height: 1175px; }
  .menu-logo .logo {
    width: 20%;
    z-index: 1; }
  .menu-logo .ilustracao {
    display: none; }
  .menu-logo .social-media {
    padding: 0;
    width: 50%; }
    .menu-logo .social-media img {
      width: 12%;
      margin: 15% 0 0 10%; }
    .menu-logo .social-media ul {
      width: 100%; }
  .menu-logo .menu {
    margin: 0 12%; }
  .fundo p {
    margin: -80% 10% 0 46%;
    font-size: 17px; }
  .logo-verde {
    margin: -120% 0 0 30%; }
    .logo-verde p {
      font-size: 30px;
      color: #0cffea;
      text-shadow: 2px 2px #43aca9; }
  .text-one {
    font-size: 17px;
    margin: 10% 10%; }
  .text-two {
    font-size: 17px;
    margin: 0 18%; }
  .text-three {
    font-size: 20px;
    background-color: #46a8a6;
    width: 85%; }
    .text-three p {
      padding: 2% 0; }
  .ideias-vivas {
    margin: -70% 0 0 90%;
    font-family: Ruda Black; }
  .first-banner {
    height: 119px; }
    .first-banner .opa {
      color: #0cffea;
      font-size: 55px;
      margin: -25% 70%; }
    .first-banner .conexoes {
      display: none; }
    .first-banner .relacionamento {
      display: none; }
  .row {
    margin: 0;
    color: white;
    font-size: 16px; }
    .row p {
      padding: 0 10%; }
    .row h3 {
      color: #0cffea;
      padding: 7% 15% 0 30%;
      font-family: Ruda Black; }
  .second-banner {
    height: 119px; }
    .second-banner h1 {
      font-size: 15px;
      color: #0cffea;
      margin: -25% 13% 0 0;
      font-family: Ruda Black; }
  .bg-textos .text-one {
    font-size: 15px;
    margin: 0% 5%;
    padding: 10% 0 0 0; }
  .bg-textos .text-two {
    padding: 5% 0 10% 0;
    font-size: 15px; }
  .bg-textos .text-three {
    padding: 5% 0;
    margin: 5% 15%; }
  .bg-textos img {
    display: none; }
  .marcas {
    height: 300px; }
    .marcas .rabisco-marcas {
      display: none; }
    .marcas .banner-marcas {
      z-index: 2; }
      .marcas .banner-marcas p {
        font-size: 27px;
        font-family: Ruda Black;
        margin-top: 10%; }
      .marcas .banner-marcas mark {
        background-color: #0cffea;
        color: #43aca9; }
    .marcas .marcas-img img {
      width: 250px; }
  footer {
    height: 275px; }
    footer .footer-bg {
      height: 100%; }
    footer .marca-footer p {
      display: none; }
    footer .marca-footer img {
      height: 90px;
      margin: 80% 45%; }
    footer .social-media-footer p {
      color: white;
      width: 80%;
      margin: 5% 25%;
      font-size: 15px; }
    footer .social-media-footer .social-media {
      width: 85%; }
      footer .social-media-footer .social-media img {
        width: 25%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 421px) and (max-width: 459.98px) {
  .background {
    height: 1255px; }
  .menu-logo .logo {
    width: 18%;
    z-index: 1; }
  .menu-logo .ilustracao {
    display: none; }
  .menu-logo .social-media {
    width: 50%;
    padding: 0; }
    .menu-logo .social-media img {
      width: 12%;
      margin: 15% 0 0 10%; }
    .menu-logo .social-media ul {
      width: 100%; }
  .menu-logo .menu {
    margin: 0 11%; }
  .fundo p {
    margin: -70% 10% 0 46%;
    font-size: 21px; }
  .logo-verde {
    margin: -520px 0 0 150px; }
    .logo-verde p {
      font-size: 30px;
      color: #0cffea;
      text-shadow: 2px 2px #43aca9; }
  .text-one {
    font-size: 20px;
    margin: 30px 29px; }
  .text-two {
    font-size: 20px;
    margin: 0 45px; }
  .text-three {
    font-size: 23px;
    background-color: #46a8a6;
    width: 90%; }
    .text-three p {
      padding: 3% 0; }
  .ideias-vivas {
    margin: -70% 0 0 90%;
    font-family: Ruda Black; }
  .first-banner {
    height: 125px; }
    .first-banner .opa {
      color: #0cffea;
      font-size: 35px;
      margin: -29% 70%; }
    .first-banner .conexoes {
      display: none; }
    .first-banner .relacionamento {
      color: white;
      font-size: 17px;
      font-family: Ruda Black;
      margin: 29% 5% 0 0; }
  .row {
    margin: 0;
    color: white;
    font-size: 17px; }
    .row p {
      padding: 0 10%; }
    .row h3 {
      color: #0cffea;
      padding: 6% 15% 0 30%;
      font-family: Ruda Black; }
  .second-banner {
    height: 126px; }
    .second-banner h1 {
      font-size: 16px;
      color: #0cffea;
      margin: -25% 13% 0 0;
      font-family: Ruda Black; }
  .bg-textos .text-one {
    font-size: 15px;
    margin: 0% 12%;
    padding: 10% 0 0 0; }
  .bg-textos .text-two {
    padding: 5% 0 10% 0;
    font-size: 18px; }
  .bg-textos .text-three {
    padding: 5% 0;
    margin: 5% 10%; }
  .bg-textos img {
    display: none; }
  .marcas {
    height: 300px; }
    .marcas .rabisco-marcas {
      display: none; }
    .marcas .banner-marcas {
      z-index: 2; }
      .marcas .banner-marcas p {
        font-size: 29px;
        font-family: Ruda Black;
        margin-top: 10%; }
      .marcas .banner-marcas mark {
        background-color: #0cffea;
        color: #43aca9; }
    .marcas .marcas-img img {
      width: 250px; }
  footer {
    height: 275px; }
    footer .footer-bg {
      height: 100%; }
    footer .marca-footer p {
      display: none; }
    footer .marca-footer img {
      height: 90px;
      margin: 80% 45%; }
    footer .social-media-footer p {
      color: white;
      width: 80%;
      margin: 5% 30%;
      font-size: 15px; }
    footer .social-media-footer .social-media {
      width: 85%; }
      footer .social-media-footer .social-media img {
        width: 25%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 460px) and (max-width: 500.98px) {
  .background {
    height: 1155px; }
  .menu-logo .logo {
    width: 18%;
    z-index: 1; }
  .menu-logo .ilustracao {
    display: none; }
  .menu-logo .social-media {
    width: 50%;
    padding: 0; }
    .menu-logo .social-media img {
      width: 12%;
      margin: 15% 0 0 15%; }
    .menu-logo .social-media ul {
      width: 100%; }
  .menu-logo .menu {
    margin: 0 11.5%; }
  .fundo p {
    margin: -320px 50px 0 125px;
    font-size: 21px; }
  .logo-verde {
    margin: -490px 0 0 110px; }
    .logo-verde p {
      font-size: 35px;
      color: #0cffea;
      text-shadow: 2px 2px #43aca9; }
  .text-one {
    font-size: 20px;
    margin: 35px 40px; }
  .text-two {
    font-size: 20px;
    margin: 0 110px; }
  .text-three {
    font-size: 23px;
    background-color: #46a8a6;
    width: 94%; }
  .ideias-vivas {
    margin: -70% 0 0 90%;
    font-family: Ruda Black; }
  .first-banner {
    height: 137px; }
    .first-banner .opa {
      color: #0cffea;
      font-size: 35px;
      margin: -29% 70%; }
    .first-banner .conexoes {
      display: none; }
    .first-banner .relacionamento {
      color: white;
      font-size: 17px;
      font-family: Ruda Black;
      margin: 29% 5% 0 0; }
  .row {
    margin: 0;
    color: white;
    font-size: 18px; }
    .row p {
      padding: 0 10%; }
    .row h3 {
      color: #0cffea;
      padding: 5% 15% 0 25%;
      font-family: Ruda Black;
      font-size: 25px; }
  .second-banner {
    height: 137px; }
    .second-banner h1 {
      font-size: 16px;
      color: #0cffea;
      margin: -25% 13% 0 0;
      font-family: Ruda Black; }
  .bg-textos .text-one {
    font-size: 15px;
    margin: 0% 12%;
    padding: 10% 0 0 0; }
  .bg-textos .text-two {
    padding: 5% 0 10% 0;
    font-size: 18px; }
  .bg-textos .text-three {
    padding: 1% 2%;
    margin: 4% 6%; }
  .bg-textos img {
    display: none; }
  .marcas {
    height: 300px; }
    .marcas .rabisco-marcas {
      display: none; }
    .marcas .banner-marcas {
      z-index: 2; }
      .marcas .banner-marcas p {
        font-size: 32px;
        font-family: Ruda Black;
        margin-top: 5%; }
      .marcas .banner-marcas mark {
        background-color: #0cffea;
        color: #43aca9; }
    .marcas .marcas-img img {
      width: 250px; }
  footer {
    height: 275px; }
    footer .footer-bg {
      height: 100%; }
    footer .marca-footer p {
      display: none; }
    footer .marca-footer img {
      height: 90px;
      margin: 80% 30%; }
    footer .social-media-footer p {
      color: white;
      width: 80%;
      margin: 5% 30%;
      font-size: 15px; }
    footer .social-media-footer .social-media {
      width: 85%; }
      footer .social-media-footer .social-media img {
        width: 25%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 501px) and (max-width: 526.98px) {
  .background {
    height: 1245px; }
  .menu-logo .logo {
    width: 17%;
    z-index: 1; }
  .menu-logo .ilustracao {
    display: none; }
  .menu-logo .social-media {
    width: 50%;
    padding: 0; }
    .menu-logo .social-media img {
      width: 10%;
      margin: 15% 0 0 10%; }
    .menu-logo .social-media ul {
      width: 100%; }
  .menu-logo .menu {
    margin: 0 11%; }
  .fundo p {
    margin: -65% 15% 0 40%;
    font-size: 23px;
    font-family: Ruda Black; }
  .rabisco {
    opacity: 0.5; }
  .logo-verde {
    margin: -100% 0 0 45%; }
    .logo-verde p {
      font-size: 30px;
      text-shadow: -3px 3px #43aca9;
      -webkit-text-stroke: 1px #0cffea;
      color: transparent;
      font-family: Ruda Black; }
  .text-one {
    font-size: 20px;
    margin: 7% 10%; }
  .text-two {
    font-size: 20px;
    margin: 0 10% 0 35%; }
  .text-one p, .text-two p {
    font-family: Ruda Black; }
  .text-three {
    font-size: 23px;
    background-color: #46a8a6;
    width: 90%; }
    .text-three p {
      font-family: Ruda Black;
      padding: 2% 0; }
  .ideias-vivas {
    margin: -70% 0 0 90%;
    font-family: Ruda Black; }
  .first-banner {
    height: 149px; }
    .first-banner .opa {
      font-size: 40px;
      margin: -29% 70%;
      text-shadow: -3px 2px #43aca9;
      -webkit-text-stroke: 1px #0cffea;
      color: transparent;
      font-family: Ruda Black; }
    .first-banner .conexoes {
      display: none; }
    .first-banner .relacionamento {
      color: white;
      font-size: 20px;
      font-family: Ruda Black;
      margin: 29% 6% 0 0; }
  .row {
    margin: 0;
    color: white;
    font-size: 15px; }
    .row p {
      padding: 0 19%;
      font-family: Ruda Black; }
    .row h3 {
      color: #0cffea;
      padding: 5% 16% 0 30%;
      font-family: Ruda Black;
      font-size: 30px; }
  .second-banner {
    height: 149px; }
    .second-banner h1 {
      font-size: 20px;
      color: #0cffea;
      margin: -25% 10% 0 0;
      font-family: Ruda Black; }
  .bg-textos .text-one {
    font-size: 18px;
    margin: 0% 12%;
    padding: 10% 0 0 0; }
  .bg-textos .text-two {
    padding: 5% 0 10% 0;
    font-size: 20px;
    margin: 2% 10%; }
  .bg-textos .text-three {
    padding: 2% 0 2% 5%;
    margin: 5% 10%;
    font-family: Ruda Black; }
  .bg-textos img {
    display: none; }
  .bg-textos .text-one, .bg-textos .text-two {
    font-family: Ruda Black; }
  .marcas {
    height: 300px; }
    .marcas .rabisco-marcas {
      display: none; }
    .marcas .banner-marcas {
      z-index: 2; }
      .marcas .banner-marcas p {
        font-size: 26px;
        font-family: Ruda Black;
        margin-top: 10%; }
      .marcas .banner-marcas mark {
        background-color: #0cffea;
        color: #43aca9; }
    .marcas .marcas-img img {
      width: 250px; }
  footer {
    height: 275px; }
    footer .footer-bg {
      height: 100%; }
    footer .marca-footer p {
      display: none; }
    footer .marca-footer img {
      height: 90px;
      margin: 80% 45%; }
    footer .social-media-footer p {
      color: white;
      width: 65%;
      margin: 5% 30%;
      font-size: 15px; }
    footer .social-media-footer .social-media {
      width: 85%; }
      footer .social-media-footer .social-media img {
        width: 25%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 527px) and (max-width: 575.98px) {
  .background {
    height: 1245px; }
  .menu-logo .logo {
    width: 16%;
    z-index: 1; }
  .menu-logo .ilustracao {
    display: none; }
  .menu-logo .social-media {
    width: 50%;
    padding: 0; }
    .menu-logo .social-media img {
      width: 9.5%;
      margin: 15% 0 0 10%; }
    .menu-logo .social-media ul {
      width: 100%; }
  .menu-logo .menu {
    margin: 0 11%; }
  .fundo p {
    margin: -58% 15% 0 40%;
    font-size: 23px;
    font-family: Ruda Black; }
  .rabisco {
    opacity: 0.5; }
  .logo-verde {
    margin: -90% 0 0 45%; }
    .logo-verde p {
      font-size: 30px;
      text-shadow: -3px 3px #43aca9;
      -webkit-text-stroke: 1px #0cffea;
      color: transparent;
      font-family: Ruda Black; }
  .text-one {
    font-size: 20px;
    margin: 7% 7%; }
  .text-two {
    font-size: 20px;
    margin: 0 10% 0 35%; }
  .text-one p, .text-two p {
    font-family: Ruda Black; }
  .text-three {
    font-size: 23px;
    background-color: #46a8a6;
    width: 90%; }
    .text-three p {
      font-family: Ruda Black;
      padding: 2% 0; }
  .ideias-vivas {
    margin: -70% 0 0 90%;
    font-family: Ruda Black; }
  .first-banner {
    height: 157px; }
    .first-banner .opa {
      font-size: 40px;
      margin: -29% 70%;
      text-shadow: -3px 2px #43aca9;
      -webkit-text-stroke: 1px #0cffea;
      color: transparent;
      font-family: Ruda Black; }
    .first-banner .conexoes {
      display: none; }
    .first-banner .relacionamento {
      color: white;
      font-size: 20px;
      font-family: Ruda Black;
      margin: 29% 6% 0 0; }
  .row {
    margin: 0;
    color: white;
    font-size: 15px; }
    .row p {
      padding: 0 19%;
      font-family: Ruda Black; }
    .row h3 {
      color: #0cffea;
      padding: 5% 16% 0 30%;
      font-family: Ruda Black;
      font-size: 30px; }
  .second-banner {
    height: 157px; }
    .second-banner h1 {
      font-size: 20px;
      color: #0cffea;
      margin: -25% 13% 0 0;
      font-family: Ruda Black; }
  .bg-textos .text-one {
    font-size: 18px;
    margin: 0% 12%;
    padding: 10% 0 0 0; }
  .bg-textos .text-two {
    padding: 5% 0 10% 0;
    font-size: 20px;
    margin: 2% 10%; }
  .bg-textos .text-three {
    padding: 3% 0 3% 5%;
    margin: 5% 10%; }
  .bg-textos img {
    display: none; }
  .bg-textos .text-one, .bg-textos .text-two {
    font-family: Ruda Black; }
  .marcas {
    height: 300px; }
    .marcas .rabisco-marcas {
      display: none; }
    .marcas .banner-marcas {
      z-index: 2; }
      .marcas .banner-marcas p {
        font-size: 26px;
        font-family: Ruda Black;
        margin-top: 10%; }
      .marcas .banner-marcas mark {
        background-color: #0cffea;
        color: #43aca9; }
    .marcas .marcas-img img {
      width: 250px; }
  footer {
    height: 275px; }
    footer .footer-bg {
      height: 100%; }
    footer .marca-footer p {
      display: none; }
    footer .marca-footer img {
      height: 90px;
      margin: 80% 45%; }
    footer .social-media-footer p {
      color: white;
      width: 65%;
      margin: 5% 30%;
      font-size: 15px; }
    footer .social-media-footer .social-media {
      width: 85%; }
      footer .social-media-footer .social-media img {
        width: 25%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 576px) and (max-width: 610.98px) {
  .background {
    height: 1115px; }
  .menu-logo .logo {
    width: 14%;
    z-index: 1; }
  .menu-logo .ilustracao {
    display: none; }
  .menu-logo .social-media {
    width: 50%;
    padding: 0; }
    .menu-logo .social-media img {
      width: 8.5%;
      margin: 15% 0 0 12%; }
    .menu-logo .social-media ul {
      width: 100%; }
  .menu-logo .menu {
    margin: 0 10%; }
  .fundo p {
    margin: -50% 13% 0 35%;
    font-size: 23px;
    font-family: Ruda Black; }
  .rabisco {
    opacity: 0.5; }
  .logo-verde {
    margin: -83% 0 0 45%; }
    .logo-verde p {
      font-size: 30px;
      text-shadow: -3px 3px #43aca9;
      -webkit-text-stroke: 1px #0cffea;
      color: transparent;
      font-family: Ruda Black; }
  .text-one {
    font-size: 20px;
    margin: 7% 7%; }
  .text-two {
    font-size: 20px;
    margin: 0 10% 0 5%; }
  .text-one p, .text-two p {
    font-family: Ruda Black; }
  .text-three {
    font-size: 27px;
    background-color: #46a8a6;
    width: 90%; }
    .text-three p {
      font-family: Ruda Black;
      padding: 2% 0; }
  .ideias-vivas {
    margin: -70% 0 0 90%;
    font-family: Ruda Black; }
  .first-banner {
    height: 171px; }
    .first-banner .opa {
      font-size: 55px;
      margin: -29% 70%;
      text-shadow: -3px 2px #43aca9;
      -webkit-text-stroke: 1px #0cffea;
      color: transparent;
      font-family: Ruda Black; }
    .first-banner .conexoes {
      display: none; }
    .first-banner .relacionamento {
      color: white;
      font-size: 20px;
      font-family: Ruda Black;
      margin: 29% 6% 0 0; }
  .row {
    margin: 0;
    color: white;
    font-size: 15px; }
    .row p {
      font-family: Ruda Black;
      padding: 0 8%; }
    .row h3 {
      color: #0cffea;
      padding-top: 25%;
      font-family: Ruda Black;
      font-size: 19px; }
  .second-banner {
    height: 157px; }
    .second-banner h1 {
      font-size: 20px;
      color: #0cffea;
      margin: -25% 13% 0 0;
      font-family: Ruda Black; }
  .bg-textos .text-one {
    font-size: 17px;
    margin: 0% 12%;
    padding: 10% 0 0 0; }
  .bg-textos .text-two {
    padding: 5% 0 10% 0;
    font-size: 20px;
    margin: 2% 10%; }
  .bg-textos .text-three {
    padding: 3% 0 3% 5%;
    margin: 5% 10%; }
  .bg-textos img {
    display: none; }
  .bg-textos .text-one, .bg-textos .text-two {
    font-family: Ruda Black; }
  .marcas {
    height: 250px;
    font-size: 23px; }
    .marcas .rabisco-marcas {
      display: none; }
    .marcas .banner-marcas {
      z-index: 2; }
      .marcas .banner-marcas p {
        font-size: 26px;
        font-family: Ruda Black;
        margin-top: 10%; }
      .marcas .banner-marcas mark {
        background-color: #0cffea;
        color: #43aca9; }
    .marcas .marcas-img img {
      width: 250px; }
  footer {
    height: 275px;
    vertical-align: center; }
    footer .footer-bg {
      height: 100%; }
    footer .marca-footer p {
      display: none; }
    footer .marca-footer img {
      height: 90px;
      margin: 70% 60%; }
    footer .social-media-footer p {
      color: white;
      width: 65%;
      margin: 5% 39%;
      font-size: 15px; }
    footer .social-media-footer .social-media {
      width: 75%; }
      footer .social-media-footer .social-media img {
        width: 25%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 611px) and (max-width: 645.98px) {
  .background {
    height: 1045px; }
  .menu-logo .logo {
    width: 14%;
    z-index: 1; }
  .menu-logo .ilustracao {
    display: none; }
  .menu-logo .social-media {
    width: 50%;
    padding: 0; }
    .menu-logo .social-media img {
      width: 8.5%;
      margin: 15% 0 0 12%; }
    .menu-logo .social-media ul {
      width: 100%; }
  .menu-logo .menu {
    margin: 0 10%; }
  .fundo p {
    margin: -40% 10% 0 40%;
    font-size: 23px;
    font-family: Ruda Black; }
  .logo-verde {
    margin: -78% 0 0 30%; }
    .logo-verde p {
      font-size: 30px;
      text-shadow: -3px 2px #43aca9;
      -webkit-text-stroke: 1px #0cffea;
      color: transparent;
      font-family: Ruda Black; }
  .text-one {
    font-size: 20px;
    margin: 5% 10%;
    font-family: Ruda Black; }
  .text-two {
    font-size: 20px;
    margin: 0 10%; }
  .text-one p, .text-two p {
    font-family: Ruda Black; }
  .text-three {
    font-size: 25px;
    background-color: #46a8a6;
    width: 90%; }
    .text-three p {
      font-family: Ruda Black; }
  .ideias-vivas {
    margin: -45% 0 0 90%;
    font-family: Ruda Black; }
  .first-banner {
    height: 181px; }
    .first-banner .opa {
      font-size: 55px;
      margin: -29% 70%;
      text-shadow: -3px 2px #43aca9;
      -webkit-text-stroke: 1px #0cffea;
      color: transparent;
      font-family: Ruda Black; }
    .first-banner .conexoes {
      display: none; }
    .first-banner .relacionamento {
      color: white;
      font-size: 20px;
      font-family: Ruda Black;
      margin: 29% 7% 0 0; }
  .row {
    margin: 0;
    color: white;
    font-size: 15px; }
    .row p {
      font-family: Ruda Black;
      padding: 0 3% 5% 0; }
    .row h3 {
      color: #0cffea;
      padding-top: 25%;
      font-family: Ruda Black;
      font-size: 21px; }
  .second-banner {
    height: 181px; }
    .second-banner h1 {
      font-size: 22px;
      color: #0cffea;
      margin: -25% 13% 0 0;
      font-family: Ruda Black; }
  .bg-textos .text-one {
    font-size: 17px;
    margin: 0% 12%;
    padding: 10% 0 0 0; }
  .bg-textos .text-two {
    padding: 5% 0 10% 0;
    font-size: 20px;
    margin: 2% 10%; }
  .bg-textos .text-three {
    padding: 3% 0 3% 5%;
    margin: 5% 10%; }
  .bg-textos img {
    display: none; }
  .bg-textos .text-one, .bg-textos .text-two {
    font-family: Ruda Black; }
  .marcas {
    height: 250px;
    font-size: 23px; }
    .marcas .rabisco-marcas {
      display: none; }
    .marcas .banner-marcas {
      z-index: 2; }
      .marcas .banner-marcas p {
        font-size: 26px;
        font-family: Ruda Black;
        margin-top: 7%; }
      .marcas .banner-marcas mark {
        background-color: #0cffea;
        color: #43aca9; }
    .marcas .marcas-img img {
      width: 250px; }
  footer .footer-bg {
    height: 300px; }
  footer .marca-footer p {
    display: none; }
  footer .marca-footer img {
    margin: 60% 35%;
    width: 80%; }
  footer .social-media-footer {
    margin: 5%; }
    footer .social-media-footer p {
      color: white;
      width: 80%;
      margin: 0 15%; }
    footer .social-media-footer .social-media {
      width: 100%; }
      footer .social-media-footer .social-media img {
        width: 25%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 646px) and (max-width: 670.98px) {
  .background {
    height: 980px; }
  .menu-logo .logo {
    width: 13%;
    z-index: 1; }
  .menu-logo .ilustracao {
    display: none; }
  .menu-logo .social-media {
    width: 50%;
    padding: 0; }
    .menu-logo .social-media img {
      width: 8.5%;
      margin: 15% 0 0 13%; }
    .menu-logo .social-media ul {
      width: 100%; }
  .menu-logo .menu {
    margin: 0 9.5%; }
  .fundo p {
    margin: -45% 10% 0 40%;
    font-size: 23px;
    font-family: Ruda Black; }
  .logo-verde {
    margin: -78% 0 0 30%; }
    .logo-verde p {
      font-size: 30px;
      text-shadow: -3px 2px #43aca9;
      -webkit-text-stroke: 1px #0cffea;
      color: transparent;
      font-family: Ruda Black; }
  .text-one {
    font-size: 20px;
    margin: 5% 10%;
    font-family: Ruda Black; }
  .text-two {
    font-size: 20px;
    margin: 0 10%; }
  .text-one p, .text-two p {
    font-family: Ruda Black; }
  .text-three {
    font-size: 25px;
    background-color: #46a8a6;
    width: 90%; }
    .text-three p {
      font-family: Ruda Black; }
  .ideias-vivas {
    margin: -70% 0 0 90%;
    font-family: Ruda Black; }
  .first-banner {
    height: 190px; }
    .first-banner .opa {
      font-size: 55px;
      margin: -29% 70%;
      text-shadow: -3px 2px #43aca9;
      -webkit-text-stroke: 1px #0cffea;
      color: transparent;
      font-family: Ruda Black; }
    .first-banner .conexoes {
      display: none; }
    .first-banner .relacionamento {
      color: white;
      font-size: 20px;
      font-family: Ruda Black;
      margin: 29% 7% 0 0; }
  .row {
    margin: 0;
    color: white;
    font-size: 15px; }
    .row p {
      font-family: Ruda Black;
      padding: 0 7% 5% 7%; }
    .row h3 {
      color: #0cffea;
      padding-top: 25%;
      font-family: Ruda Black;
      font-size: 23px; }
  .second-banner {
    height: 190px; }
    .second-banner h1 {
      font-size: 22px;
      color: #0cffea;
      margin: -25% 13% 0 0;
      font-family: Ruda Black; }
  .bg-textos .text-one {
    font-size: 17px;
    margin: 0% 12%;
    padding: 10% 0 0 0; }
  .bg-textos .text-two {
    padding: 5% 0 10% 0;
    font-size: 20px;
    margin: 2% 10%; }
  .bg-textos .text-three {
    padding: 3% 0 3% 5%;
    margin: 5% 10%; }
  .bg-textos img {
    display: none; }
  .bg-textos .text-one, .bg-textos .text-two {
    font-family: Ruda Black; }
  .marcas {
    height: 250px;
    font-size: 23px; }
    .marcas .rabisco-marcas {
      display: none; }
    .marcas .banner-marcas {
      z-index: 2; }
      .marcas .banner-marcas p {
        font-size: 29px;
        font-family: Ruda Black;
        margin-top: 5%; }
      .marcas .banner-marcas mark {
        background-color: #0cffea;
        color: #43aca9; }
    .marcas .marcas-img img {
      width: 250px; }
  footer .footer-bg {
    height: 300px; }
  footer .marca-footer p {
    display: none; }
  footer .marca-footer img {
    margin: 60% 35%;
    width: 80%; }
  footer .social-media-footer {
    margin: 5%; }
    footer .social-media-footer p {
      color: white;
      width: 80%;
      margin: 0 15%; }
    footer .social-media-footer .social-media {
      width: 100%; }
      footer .social-media-footer .social-media img {
        width: 25%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 671px) and (max-width: 720.98px) {
  .background {
    height: 1030px; }
  .menu-logo .logo {
    width: 12.5%;
    z-index: 1; }
  .menu-logo .ilustracao {
    display: none; }
  .menu-logo .social-media {
    width: 50%;
    padding: 0; }
    .menu-logo .social-media img {
      width: 8%;
      margin: 15% 0 0 13%; }
    .menu-logo .social-media ul {
      width: 100%; }
  .menu-logo .menu {
    margin: 0 9.5%; }
  .fundo p {
    margin: -45% 10% 0 40%;
    font-size: 25px;
    font-family: Ruda Black; }
  .logo-verde {
    margin: -75% 0 0 30%; }
    .logo-verde p {
      font-size: 30px;
      text-shadow: -3px 2px #43aca9;
      -webkit-text-stroke: 1px #0cffea;
      color: transparent;
      font-family: Ruda Black; }
  .text-one {
    font-size: 22px;
    margin: 7% 10%;
    font-family: Ruda Black; }
  .text-two {
    font-size: 22px;
    margin: 0 10%;
    font-family: Ruda Black; }
  .text-one p, .text-two p {
    font-family: Ruda Black; }
  .text-three {
    font-size: 25px;
    background-color: #46a8a6;
    width: 90%; }
  .ideias-vivas {
    margin: -40% 0 0 90%;
    font-family: Ruda Black; }
  .first-banner {
    height: 200px; }
    .first-banner .opa {
      font-size: 60px;
      margin: -29% 70%;
      text-shadow: -3px 2px #43aca9;
      -webkit-text-stroke: 1px #0cffea;
      color: transparent;
      font-family: Ruda Black; }
    .first-banner .conexoes {
      display: none; }
    .first-banner .relacionamento {
      color: white;
      font-size: 20px;
      font-family: Ruda Black;
      margin: 29% 8% 0 0%; }
  .row {
    margin: 0;
    color: white;
    font-size: 14px; }
    .row p {
      margin: 10% 7%;
      font-family: Ruda Black; }
    .row h3 {
      color: #0cffea;
      padding: 15% 2% 0 1%;
      font-family: Ruda Black;
      font-size: 23px; }
  .second-banner {
    height: 200px; }
    .second-banner h1 {
      font-size: 20px;
      color: #0cffea;
      margin: -25% 15% 0 65%;
      font-family: Ruda Black; }
  .bg-textos .text-one {
    font-size: 17px;
    margin: 0% 12%;
    padding: 5% 0 0 0;
    font-family: Ruda Black; }
  .bg-textos .text-two {
    padding: 2% 0 5% 0;
    font-size: 22px; }
  .bg-textos .text-three {
    margin: 5% 10%;
    padding: 2% 0;
    font-family: Ruda Black; }
  .bg-textos img {
    display: none; }
  .marcas {
    height: 250px;
    font-size: 23px; }
    .marcas .rabisco-marcas {
      display: none; }
    .marcas .banner-marcas {
      z-index: 2; }
      .marcas .banner-marcas p {
        font-size: 29px;
        font-family: Ruda Black;
        margin-top: 5%; }
      .marcas .banner-marcas mark {
        background-color: #0cffea;
        color: #43aca9; }
  footer .footer-bg {
    height: 300px; }
  footer .marca-footer p {
    display: none; }
  footer .marca-footer img {
    margin: 60% 35%;
    width: 80%; }
  footer .social-media-footer {
    margin: 5%; }
    footer .social-media-footer p {
      color: white;
      width: 80%;
      margin: 0 15%; }
    footer .social-media-footer .social-media {
      width: 100%; }
      footer .social-media-footer .social-media img {
        width: 25%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 721px) and (max-width: 766.98px) {
  .background {
    height: 1115px; }
  .menu-logo .logo {
    width: 12%;
    z-index: 1; }
  .menu-logo .ilustracao {
    width: 50%;
    margin: 0% 0 30% 20%;
    position: absolute; }
  .menu-logo .social-media {
    position: relative;
    width: 50%;
    padding: 0; }
    .menu-logo .social-media img {
      width: 8%;
      margin: 15% 0 0 13%; }
    .menu-logo .social-media ul {
      width: 100%; }
  .menu-logo .menu {
    margin: 0 9%; }
  .fundo {
    z-index: 5; }
    .fundo p {
      margin: -25% 10% 0 40%;
      font-size: 25px;
      font-family: Ruda Black; }
  .rabisco {
    margin-top: 10%; }
  .logo-verde {
    margin: -80% 0 0 30%; }
    .logo-verde p {
      font-size: 30px;
      text-shadow: -3px 2px #43aca9;
      -webkit-text-stroke: 1px #0cffea;
      color: transparent;
      font-family: Ruda Black; }
  .text-one {
    font-size: 22px;
    margin: 5% 10%;
    font-family: Ruda Black; }
  .text-two {
    font-size: 22px;
    margin: 0 10%;
    font-family: Ruda Black; }
  .text-one p, .text-two p {
    font-family: Ruda Black; }
  .text-three {
    font-size: 25px;
    background-color: #46a8a6;
    width: 90%; }
  .ideias-vivas {
    margin: -70% 0 0 90%;
    font-family: Ruda Black; }
  .first-banner {
    height: 214px; }
    .first-banner .opa {
      font-size: 45px;
      margin: -30% 70%;
      text-shadow: -3px 2px #43aca9;
      -webkit-text-stroke: 1px #0cffea;
      color: transparent;
      font-family: Ruda Black; }
    .first-banner .conexoes {
      color: white;
      font-size: 12px;
      font-family: Ruda Black;
      margin: 29% 10% 0 0; }
    .first-banner .relacionamento {
      color: white;
      font-size: 20px;
      font-family: Ruda Black;
      margin: 1.5% 7% 0 0; }
  .row {
    margin: 0 3%;
    color: white;
    font-size: 14px; }
    .row p {
      margin: 10% 5% 26% 11%;
      font-family: Ruda Black; }
    .row h3 {
      color: #0cffea;
      padding: 28% 2% 0 0;
      font-family: Ruda Black;
      font-size: 23px; }
  .second-banner {
    height: 214px; }
    .second-banner h1 {
      font-size: 25px;
      color: #0cffea;
      margin: -25% 15% 0 62%;
      font-family: Ruda Black; }
  .bg-textos {
    height: 430px; }
    .bg-textos .text-one {
      font-size: 17px;
      margin: 0% 25%;
      padding: 5% 0 0 0;
      font-family: Ruda Black; }
    .bg-textos .text-two {
      padding: 2% 0 5% 0;
      margin: 22% 5%;
      font-size: 21px;
      z-index: 1;
      position: absolute; }
    .bg-textos .text-three {
      margin: 5% 10%;
      padding: 2% 0;
      font-family: Ruda Black;
      z-index: 1;
      position: absolute; }
    .bg-textos img {
      height: 50%;
      margin: 103px 0 0 430px; }
  .marcas {
    height: 300px;
    font-size: 25px; }
    .marcas .rabisco-marcas img {
      height: 75px;
      margin-left: 444px; }
    .marcas .banner-marcas {
      margin-top: -6%; }
      .marcas .banner-marcas mark {
        background-color: transparent;
        color: #b2b2b2;
        font-family: Ruda Black; }
      .marcas .banner-marcas span {
        background-color: #b2b2b2;
        color: white; }
  footer .footer-bg {
    height: 300px; }
  footer .marca-footer p {
    display: none; }
  footer .marca-footer img {
    margin: 60% 35%;
    width: 80%; }
  footer .social-media-footer {
    margin: 5%; }
    footer .social-media-footer p {
      color: white;
      width: 80%;
      margin: 0 15%; }
    footer .social-media-footer .social-media {
      width: 100%; }
      footer .social-media-footer .social-media img {
        width: 25%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 767px) and (max-width: 789.98px) {
  .background {
    height: 1115px; }
  .menu-logo .logo {
    width: 12%;
    z-index: 1; }
  .menu-logo .ilustracao {
    width: 50%;
    margin: 0% 0 30% 20%;
    position: absolute; }
  .menu-logo .social-media {
    position: relative;
    width: 30%;
    padding: 0; }
    .menu-logo .social-media img {
      width: 12%;
      margin: 15% 0 0 6%; }
    .menu-logo .social-media ul {
      width: 100%; }
  .menu-logo .menu {
    margin: 0 9.5%; }
  .fundo {
    z-index: 5; }
    .fundo p {
      margin: -30% 10% 0 40%;
      font-size: 25px;
      font-family: Ruda Black;
      position: absolute; }
  .rabisco {
    margin-top: 10%; }
  .logo-verde {
    margin: -85% 0 0 30%; }
    .logo-verde p {
      font-size: 30px;
      text-shadow: -3px 2px #43aca9;
      -webkit-text-stroke: 1px #0cffea;
      color: transparent;
      font-family: Ruda Black; }
  .text-one {
    font-size: 22px;
    margin: 5% 10%;
    font-family: Ruda Black; }
  .text-two {
    font-size: 22px;
    margin: 0 10%;
    font-family: Ruda Black; }
  .text-one p, .text-two p {
    font-family: Ruda Black; }
  .text-three {
    font-size: 25px;
    background-color: #46a8a6;
    width: 90%; }
  .ideias-vivas {
    margin: -40% 0 0 90%;
    font-family: Ruda Black; }
  .first-banner {
    height: 228px; }
    .first-banner .opa {
      font-size: 45px;
      margin: -30% 70%;
      text-shadow: -3px 2px #43aca9;
      -webkit-text-stroke: 1px #0cffea;
      color: transparent;
      font-family: Ruda Black; }
    .first-banner .conexoes {
      color: white;
      font-size: 12px;
      font-family: Ruda Black;
      margin: 29% 10% 0 0; }
    .first-banner .relacionamento {
      color: white;
      font-size: 20px;
      font-family: Ruda Black;
      margin: 2% 7% 0 0; }
  .row {
    margin: 0 4%;
    color: white;
    font-size: 16px; }
    .row p {
      margin: 10% 5% 26% 11%;
      font-family: Ruda Black; }
    .row h3 {
      color: #0cffea;
      padding: 15% 2% 0 0;
      font-family: Ruda Black;
      font-size: 23px; }
  .second-banner {
    height: 228px; }
    .second-banner h1 {
      font-size: 25px;
      color: #0cffea;
      margin: -25% 15% 0 62%;
      font-family: Ruda Black; }
  .bg-textos {
    height: 430px; }
    .bg-textos .text-one {
      font-size: 17px;
      margin: 0% 25%;
      padding: 5% 0 0 0;
      font-family: Ruda Black; }
    .bg-textos .text-two {
      padding: 2% 0 5% 0;
      margin: 22% 5%;
      font-size: 21px;
      z-index: 1;
      position: absolute; }
    .bg-textos .text-three {
      margin: 5% 10%;
      padding: 2% 0;
      font-family: Ruda Black;
      z-index: 1;
      position: absolute; }
    .bg-textos img {
      height: 50%;
      margin: 102px 0 0 430px; }
  .marcas {
    height: 300px;
    font-size: 23px; }
    .marcas .rabisco-marcas img {
      height: 75px;
      margin-left: 444px; }
    .marcas .banner-marcas {
      margin-top: -6%; }
      .marcas .banner-marcas mark {
        background-color: transparent;
        color: #b2b2b2;
        font-family: Ruda Black; }
      .marcas .banner-marcas span {
        background-color: #b2b2b2;
        color: white; }
  footer .footer-bg {
    height: 300px; }
  footer .marca-footer p {
    display: none; }
  footer .marca-footer img {
    margin: 60% 35%;
    width: 80%; }
  footer .social-media-footer {
    margin: 5%; }
    footer .social-media-footer p {
      color: white;
      width: 80%;
      margin: 0 15%; }
    footer .social-media-footer .social-media {
      width: 100%; }
      footer .social-media-footer .social-media img {
        width: 25%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 790px) and (max-width: 829.98px) {
  .background {
    height: 1115px; }
  .menu-logo .logo {
    width: 11%; }
  .menu-logo .ilustracao {
    width: 50%;
    margin: 0% 0 30% 20%;
    position: absolute; }
  .menu-logo .social-media {
    width: 30%;
    padding: 0; }
    .menu-logo .social-media img {
      margin: 15% 0 0 3%; }
    .menu-logo .social-media ul {
      width: 100%; }
  .menu-logo .menu {
    margin: 0 9%; }
  .fundo {
    z-index: 5; }
    .fundo p {
      margin: -30% 10% 0 40%;
      font-size: 25px;
      font-family: Ruda Black;
      position: absolute; }
  .rabisco {
    margin-top: 10%; }
  .logo-verde {
    margin: -85% 0 0 30%; }
    .logo-verde p {
      font-size: 30px;
      text-shadow: -3px 2px #43aca9;
      -webkit-text-stroke: 1px #0cffea;
      color: transparent;
      font-family: Ruda Black; }
  .text-one {
    font-size: 22px;
    margin: 5% 10%;
    font-family: Ruda Black; }
  .text-two {
    font-size: 22px;
    margin: 0 10%;
    font-family: Ruda Black; }
  .text-one p, .text-two p {
    font-family: Ruda Black; }
  .text-three {
    font-size: 30px;
    background-color: #46a8a6;
    width: 90%; }
  .ideias-vivas {
    margin: -40% 0 0 90%;
    font-family: Ruda Black; }
  .first-banner {
    height: 234px; }
    .first-banner .opa {
      font-size: 45px;
      margin: -30% 70%;
      text-shadow: -3px 2px #43aca9;
      -webkit-text-stroke: 1px #0cffea;
      color: transparent;
      font-family: Ruda Black; }
    .first-banner .conexoes {
      color: white;
      font-size: 14px;
      font-family: Ruda Black;
      margin: 29% 10% 0 0; }
    .first-banner .relacionamento {
      color: white;
      font-size: 20px;
      font-family: Ruda Black;
      margin: 2% 7% 0 0; }
  .row {
    margin: 0 4%;
    color: white;
    font-size: 16px; }
    .row p {
      margin: 10% 5% 26% 11%;
      font-family: Ruda Black; }
    .row h3 {
      color: #0cffea;
      padding: 18% 2% 0 0;
      font-family: Ruda Black;
      font-size: 25px; }
  .second-banner {
    height: 234px; }
    .second-banner h1 {
      font-size: 25px;
      color: #0cffea;
      margin: -25% 15% 0 62%;
      font-family: Ruda Black; }
  .bg-textos {
    height: 430px; }
    .bg-textos .text-one {
      font-size: 17px;
      margin: 0% 25%;
      padding: 5% 0 0 0;
      font-family: Ruda Black; }
    .bg-textos .text-two {
      padding-top: 2%;
      margin: 22% 5% 0 5%;
      font-size: 21px;
      z-index: 1;
      position: absolute; }
    .bg-textos .text-three {
      margin: 5% 10%;
      padding: 2% 0;
      font-family: Ruda Black;
      z-index: 1;
      position: absolute; }
    .bg-textos img {
      height: 50%;
      margin: 99px 0 0 500px; }
  .marcas {
    height: 300px;
    font-size: 27px; }
    .marcas .rabisco-marcas img {
      height: 75px;
      margin-left: 513px; }
    .marcas .banner-marcas {
      margin-top: -6%; }
      .marcas .banner-marcas mark {
        background-color: transparent;
        color: #b2b2b2;
        font-family: Ruda Black; }
      .marcas .banner-marcas span {
        background-color: #b2b2b2;
        color: white; }
  footer .footer-bg {
    height: 300px; }
  footer .marca-footer p {
    display: none; }
  footer .marca-footer img {
    margin: 60% 35%;
    width: 80%; }
  footer .social-media-footer {
    margin: 5%; }
    footer .social-media-footer p {
      color: white;
      width: 80%;
      margin: 0 15%; }
    footer .social-media-footer .social-media {
      width: 100%; }
      footer .social-media-footer .social-media img {
        width: 25%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 830px) and (max-width: 889.98px) {
  .background {
    height: 1115px; }
  .menu-logo .logo {
    width: 11%;
    z-index: 1; }
  .menu-logo .ilustracao {
    width: 50%;
    margin: 0% 0 30% 20%;
    position: absolute; }
  .menu-logo .social-media {
    width: 30%;
    padding: 0; }
    .menu-logo .social-media img {
      margin: 15% 0 0 3%; }
    .menu-logo .social-media ul {
      width: 100%; }
  .menu-logo .menu {
    margin: 0 9%; }
  .fundo {
    z-index: 5; }
    .fundo p {
      margin: -30% 8% 0 40%;
      font-size: 25px;
      font-family: Ruda Black;
      position: absolute; }
  .rabisco {
    margin-top: 10%; }
  .logo-verde {
    margin: -83% 0 0 40%; }
    .logo-verde p {
      font-size: 31px;
      text-shadow: -3px 2px #43aca9;
      -webkit-text-stroke: 1px #0cffea;
      color: transparent;
      font-family: Ruda Black; }
  .text-one {
    font-size: 22px;
    margin: 5% 10%;
    font-family: Ruda Black; }
  .text-two {
    font-size: 22px;
    margin: 0 10%;
    font-family: Ruda Black; }
  .text-one p, .text-two p {
    font-family: Ruda Black; }
  .text-three {
    font-size: 30px;
    background-color: #46a8a6;
    width: 90%; }
  .ideias-vivas {
    margin: -40% 0 0 90%;
    font-family: Ruda Black; }
  .first-banner {
    height: 245px; }
    .first-banner .opa {
      font-size: 45px;
      margin: -30% 70%;
      text-shadow: -3px 2px #43aca9;
      -webkit-text-stroke: 1px #0cffea;
      color: transparent;
      font-family: Ruda Black; }
    .first-banner .conexoes {
      color: white;
      font-size: 14px;
      font-family: Ruda Black;
      margin: 29% 10% 0 0; }
    .first-banner .relacionamento {
      color: white;
      font-size: 20px;
      font-family: Ruda Black;
      margin: 2% 7% 0 0; }
  .row {
    margin: 0 4%;
    color: white;
    font-size: 16px; }
    .row p {
      margin: 10% 6% 0 0;
      font-family: Ruda Black; }
    .row h3 {
      color: #0cffea;
      padding: 17% 2% 0 0;
      font-family: Ruda Black;
      font-size: 25px; }
  .second-banner {
    height: 245px; }
    .second-banner h1 {
      font-size: 25px;
      color: #0cffea;
      margin: -25% 15% 0 62%;
      font-family: Ruda Black; }
  .bg-textos {
    height: 430px; }
    .bg-textos .text-one {
      font-size: 17px;
      margin: 0% 35%;
      padding: 5% 0 0 0;
      font-family: Ruda Black; }
    .bg-textos .text-two {
      padding: 2% 0 5% 0;
      margin: 22% 5%;
      font-size: 21px;
      z-index: 1;
      position: absolute; }
    .bg-textos .text-three {
      margin: 5% 10%;
      padding: 2% 0;
      font-family: Ruda Black;
      z-index: 1;
      position: absolute; }
    .bg-textos img {
      height: 50%;
      margin: 97px 0 0 500px; }
  .marcas {
    height: 300px;
    font-size: 28px; }
    .marcas .rabisco-marcas img {
      height: 75px;
      margin-left: 513px; }
    .marcas .banner-marcas {
      margin-top: -6%; }
      .marcas .banner-marcas mark {
        background-color: transparent;
        color: #b2b2b2;
        font-family: Ruda Black; }
      .marcas .banner-marcas span {
        background-color: #b2b2b2;
        color: white; }
  footer .footer-bg {
    height: 300px; }
  footer .marca-footer p {
    display: none; }
  footer .marca-footer img {
    margin: 60% 35%;
    width: 80%; }
  footer .social-media-footer {
    margin: 5%; }
    footer .social-media-footer p {
      color: white;
      width: 80%;
      margin: 0 15%; }
    footer .social-media-footer .social-media {
      width: 100%; }
      footer .social-media-footer .social-media img {
        width: 25%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 890px) and (max-width: 929.98px) {
  .background {
    height: 1115px; }
  .menu-logo .logo {
    width: 11%;
    z-index: 1; }
  .menu-logo .ilustracao {
    width: 50%;
    margin: 0% 0 30% 20%;
    position: absolute; }
  .menu-logo .social-media {
    width: 28%;
    padding: 0; }
    .menu-logo .social-media img {
      margin: 15% 0 0 3%; }
    .menu-logo .social-media ul {
      width: 100%; }
  .menu-logo .menu {
    margin: 0 9%; }
  .fundo {
    z-index: 5; }
    .fundo p {
      margin: -28% 8% 0 29%;
      font-size: 25px;
      font-family: Ruda Black;
      position: absolute; }
  .rabisco {
    margin-top: 10%; }
  .logo-verde {
    margin: -83% 0 0 26%; }
    .logo-verde p {
      font-size: 31px;
      text-shadow: -3px 2px #43aca9;
      -webkit-text-stroke: 1px #0cffea;
      color: transparent;
      font-family: Ruda Black; }
  .text-one {
    font-size: 22px;
    margin: 5% 10%;
    font-family: Ruda Black; }
  .text-two {
    font-size: 22px;
    margin: 0 10%;
    font-family: Ruda Black; }
  .text-one p, .text-two p {
    font-family: Ruda Black; }
  .text-three {
    font-size: 35px;
    background-color: #46a8a6;
    width: 90%; }
  .ideias-vivas {
    margin: -40% 0 0 90%;
    font-family: Ruda Black; }
  .first-banner {
    height: 263px; }
    .first-banner .opa {
      font-size: 60px;
      margin: -30% 70%;
      text-shadow: -3px 2px #43aca9;
      -webkit-text-stroke: 1px #0cffea;
      color: transparent;
      font-family: Ruda Black; }
    .first-banner .conexoes {
      color: white;
      font-size: 14px;
      font-family: Ruda Black;
      margin: 29% 10% 0 0; }
    .first-banner .relacionamento {
      color: white;
      font-size: 20px;
      font-family: Ruda Black;
      margin: 2% 7% 0 0; }
  .row {
    margin: 0 4%;
    color: white;
    font-size: 16px; }
    .row p {
      margin: 0 4% 0 4%;
      font-family: Ruda Black; }
    .row h3 {
      color: #0cffea;
      padding: 17% 2% 0 0;
      font-family: Ruda Black;
      font-size: 25px; }
  .second-banner {
    height: 263px; }
    .second-banner h1 {
      font-size: 30px;
      color: #0cffea;
      margin: -25% 15% 0 62%;
      font-family: Ruda Black; }
  .bg-textos {
    height: 430px; }
    .bg-textos .text-one {
      font-size: 17px;
      margin: 0% 35%;
      padding: 5% 0 0 0;
      font-family: Ruda Black; }
    .bg-textos .text-two {
      padding-top: 22%;
      font-size: 21px;
      z-index: 1;
      position: absolute; }
    .bg-textos .text-three {
      margin: 5% 10%;
      padding: 2% 0;
      font-family: Ruda Black;
      z-index: 1;
      position: absolute; }
    .bg-textos img {
      height: 55%;
      margin: 73px 0 0 540px; }
  .marcas {
    height: 300px;
    font-size: 33px; }
    .marcas .rabisco-marcas img {
      height: 84px;
      margin-left: 555px; }
    .marcas .banner-marcas {
      margin-top: -6%; }
      .marcas .banner-marcas mark {
        background-color: transparent;
        color: #b2b2b2;
        font-family: Ruda Black; }
      .marcas .banner-marcas span {
        background-color: #b2b2b2;
        color: white; }
  footer .footer-bg {
    height: 300px; }
  footer .marca-footer p {
    display: none; }
  footer .marca-footer img {
    margin: 60% 35%;
    width: 80%; }
  footer .social-media-footer {
    margin: 5%; }
    footer .social-media-footer p {
      color: white;
      width: 80%;
      margin: 0 15%; }
    footer .social-media-footer .social-media {
      width: 100%; }
      footer .social-media-footer .social-media img {
        width: 15%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 930px) and (max-width: 970.98px) {
  .background {
    height: 1115px; }
  .menu-logo .logo {
    width: 10%;
    z-index: 1; }
  .menu-logo .ilustracao {
    width: 60%;
    margin: 0% 0 30% 15%;
    position: absolute; }
  .menu-logo .social-media {
    width: 28%;
    padding: 0; }
    .menu-logo .social-media img {
      margin: 15% 0 0 3%; }
    .menu-logo .social-media ul {
      width: 100%; }
  .menu-logo .menu {
    margin: 0 9%; }
  .fundo {
    z-index: 5; }
    .fundo p {
      margin: -20% 0 0 31%;
      font-size: 25px;
      font-family: Ruda Black;
      position: absolute; }
  .rabisco {
    margin-top: 10%; }
  .logo-verde {
    margin: -75% 0 0 22%; }
    .logo-verde p {
      font-size: 31px;
      text-shadow: -3px 2px #43aca9;
      -webkit-text-stroke: 1px #0cffea;
      color: transparent;
      font-family: Ruda Black; }
  .text-one {
    font-size: 22px;
    margin: 3% 10%;
    font-family: Ruda Black; }
  .text-two {
    font-size: 22px;
    margin: 0 10%;
    font-family: Ruda Black; }
  .text-one p, .text-two p {
    font-family: Ruda Black; }
  .text-three {
    font-size: 35px;
    background-color: #46a8a6;
    width: 90%; }
  .ideias-vivas {
    margin: -40% 0 0 90%;
    font-family: Ruda Black; }
  .first-banner {
    height: 276px; }
    .first-banner .opa {
      font-size: 65px;
      margin: -30% 70%;
      text-shadow: -4px 2px #43aca9;
      -webkit-text-stroke: 1px #0cffea;
      color: transparent;
      font-family: Ruda Black; }
    .first-banner .conexoes {
      color: white;
      font-size: 14px;
      font-family: Ruda Black;
      margin: 29% 10% 0 0; }
    .first-banner .relacionamento {
      color: white;
      font-size: 20px;
      font-family: Ruda Black;
      margin: 2% 9% 0 0; }
  .row {
    margin: 0 4%;
    color: white;
    font-size: 16px; }
    .row p {
      margin: 0 4% 0 4%;
      font-family: Ruda Black; }
    .row h3 {
      color: #0cffea;
      padding: 17% 2% 0 0;
      font-family: Ruda Black;
      font-size: 25px; }
  .second-banner {
    height: 276px; }
    .second-banner h1 {
      font-size: 30px;
      color: #0cffea;
      margin: -25% 15% 0 62%;
      font-family: Ruda Black; }
  .bg-textos {
    height: 430px; }
    .bg-textos .text-one {
      font-size: 17px;
      margin: 0% 36%;
      padding: 5% 0 0 0;
      font-family: Ruda Black; }
    .bg-textos .text-two {
      padding-top: 22%;
      font-size: 21px;
      z-index: 1;
      position: absolute; }
    .bg-textos .text-three {
      margin: 5% 10%;
      padding: 2% 0;
      font-family: Ruda Black;
      z-index: 1;
      position: absolute; }
    .bg-textos img {
      height: 55%;
      margin: 71px 0 0 540px; }
  .marcas {
    height: 300px;
    font-size: 30px; }
    .marcas .rabisco-marcas img {
      height: 84px;
      margin-left: 555px; }
    .marcas .banner-marcas {
      margin-top: -6%; }
      .marcas .banner-marcas mark {
        background-color: transparent;
        color: #b2b2b2;
        font-family: Ruda Black; }
      .marcas .banner-marcas span {
        background-color: #b2b2b2;
        color: white; }
  footer .footer-bg {
    height: 310px; }
  footer .marca-footer p {
    display: none; }
  footer .marca-footer img {
    margin: 60% 35%;
    width: 80%; }
  footer .social-media-footer {
    margin: 5%; }
    footer .social-media-footer p {
      color: white;
      width: 80%;
      margin: 0 15%; }
    footer .social-media-footer .social-media {
      width: 100%; }
      footer .social-media-footer .social-media img {
        width: 25%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 971px) and (max-width: 1010.98px) {
  .background {
    height: 1155px; }
  .menu-logo .menu-nav {
    height: 410px; }
  .menu-logo li {
    margin-top: 3%; }
  .menu-logo .logo {
    width: 8%;
    z-index: 1; }
  .menu-logo .ilustracao {
    width: 60%;
    margin: 0% 0 30% 15%;
    position: absolute; }
  .menu-logo .social-media {
    width: 28%;
    padding: 0; }
    .menu-logo .social-media img {
      margin: 15% 0 0 3%; }
    .menu-logo .social-media ul {
      width: 100%; }
  .menu-logo .menu {
    margin: 0 7.75%; }
  .fundo {
    z-index: 5; }
    .fundo p {
      margin: -22% 9% 0 50%;
      font-size: 25px;
      font-family: Ruda Black;
      position: absolute; }
  .rabisco {
    margin-top: 10%; }
  .logo-verde {
    margin: -70% 0 0 20%; }
    .logo-verde p {
      font-size: 31px;
      text-shadow: -3px 2px #43aca9;
      -webkit-text-stroke: 1px #0cffea;
      color: transparent;
      font-family: Ruda Black; }
  .text-one {
    font-size: 22px;
    margin: 3% 10%;
    font-family: Ruda Black; }
  .text-two {
    font-size: 22px;
    margin: 0 12%;
    font-family: Ruda Black; }
  .text-one p, .text-two p {
    font-family: Ruda Black; }
  .text-three {
    font-size: 35px;
    background-color: #46a8a6;
    width: 90%; }
  .ideias-vivas {
    margin: -22% 0 0 90%;
    font-family: Ruda Black; }
  .first-banner {
    height: 289px; }
    .first-banner .opa {
      font-size: 70px;
      margin: -30% 70%;
      text-shadow: -4px 3px #43aca9;
      -webkit-text-stroke: 1px #0cffea;
      color: transparent;
      font-family: Ruda Black; }
    .first-banner .conexoes {
      color: white;
      font-size: 14px;
      font-family: Ruda Black;
      margin: 29% 10% 0 0; }
    .first-banner .relacionamento {
      color: white;
      font-size: 20px;
      font-family: Ruda Black;
      margin: 2% 9% 0 0; }
  .row {
    margin: 0 4%;
    color: white;
    font-size: 16px; }
    .row p {
      margin: 0 4% 0 4%;
      font-family: Ruda Black; }
    .row h3 {
      color: #0cffea;
      padding: 17% 2% 0 0;
      font-family: Ruda Black;
      font-size: 25px; }
  .second-banner {
    height: 289px; }
    .second-banner h1 {
      font-size: 30px;
      color: #0cffea;
      margin: -25% 15% 0 62%;
      font-family: Ruda Black; }
  .bg-textos {
    height: 430px; }
    .bg-textos .text-one {
      font-size: 17px;
      margin: 0% 36%;
      padding: 5% 0 0 0;
      font-family: Ruda Black; }
    .bg-textos .text-two {
      padding-top: 22%;
      font-size: 21px;
      z-index: 1;
      position: absolute; }
    .bg-textos .text-three {
      margin: 5% 10%;
      padding: 2% 0;
      font-family: Ruda Black;
      z-index: 1;
      position: absolute; }
    .bg-textos img {
      height: 55%;
      margin: 69px 0 0 585px; }
  .marcas {
    height: 300px;
    font-size: 33px; }
    .marcas .rabisco-marcas img {
      height: 84px;
      margin-left: 595px; }
    .marcas .banner-marcas {
      margin-top: -6%; }
      .marcas .banner-marcas mark {
        background-color: transparent;
        color: #b2b2b2;
        font-family: Ruda Black; }
      .marcas .banner-marcas span {
        background-color: #b2b2b2;
        color: white; }
  footer {
    height: 275px;
    vertical-align: center; }
    footer .footer-bg {
      height: 100%; }
    footer .marca-footer p {
      font-family: Ruda Black;
      font-size: 20px;
      color: #0cffea;
      width: 100%;
      margin: 8% 0 0 -43%; }
    footer .marca-footer img {
      height: 150px;
      margin: -232px 0 0 300px; }
    footer .social-media-footer p {
      color: white;
      width: 65%;
      margin: 8% 20%;
      font-size: 15px; }
    footer .social-media-footer .social-media {
      width: 75%;
      margin: -7% 19% 0 0; }
      footer .social-media-footer .social-media img {
        width: 25%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 3%; } }

@media (min-width: 1011px) and (max-width: 1065.98px) {
  .background {
    height: 1100px; }
  .menu-logo .menu-nav {
    height: 410px; }
  .menu-logo li {
    margin-top: 3%; }
  .menu-logo .logo {
    width: 8%;
    z-index: 1; }
  .menu-logo .ilustracao {
    width: 60%;
    margin: 0% 0 30% 15%;
    position: absolute; }
  .menu-logo .social-media {
    width: 28%;
    padding: 0; }
    .menu-logo .social-media img {
      margin: 15% 0 0 3%; }
    .menu-logo .social-media ul {
      width: 100%; }
  .menu-logo .menu {
    margin: 0 7.75%; }
  .fundo {
    z-index: 5; }
    .fundo p {
      margin: -18% 10% 0 50%;
      font-size: 25px;
      font-family: Ruda Black;
      position: absolute; }
  .logo-verde {
    margin: -54% 0 0 0; }
    .logo-verde p {
      font-size: 35px;
      text-shadow: -3px 2px #43aca9;
      -webkit-text-stroke: 1px #0cffea;
      color: transparent;
      font-family: Ruda Black;
      text-align: end;
      margin: -3% 53% 0 0; }
    .logo-verde img {
      margin: 0 0 0 10%; }
  .text-one {
    font-size: 22px;
    margin: -10% 0 0 48%;
    font-family: Ruda Black; }
  .text-two {
    font-size: 22px;
    margin: 8% 45% 0 0;
    font-family: Ruda Black; }
  .text-one p, .text-two p {
    font-family: Ruda Black; }
  .text-three {
    font-size: 35px;
    background-color: #46a8a6;
    width: 90%; }
  .ideias-vivas {
    margin: -22% 0 0 90%;
    font-family: Ruda Black; }
  .first-banner {
    height: 301px; }
    .first-banner .opa {
      font-size: 70px;
      margin: -30% 70%;
      text-shadow: -4px 3px #43aca9;
      -webkit-text-stroke: 1px #0cffea;
      color: transparent;
      font-family: Ruda Black; }
    .first-banner .conexoes {
      color: white;
      font-size: 14px;
      font-family: Ruda Black;
      margin: 29% 10% 0 0; }
    .first-banner .relacionamento {
      color: white;
      font-size: 20px;
      font-family: Ruda Black;
      margin: 2% 9% 0 0; }
  .row {
    margin: 0 4%;
    color: white;
    font-size: 16px; }
    .row p {
      margin: 0 4% 0 4%;
      font-family: Ruda Black; }
    .row h3 {
      color: #0cffea;
      padding: 17% 2% 0 0;
      font-family: Ruda Black;
      font-size: 25px; }
  .second-banner {
    height: 276px; }
    .second-banner h1 {
      font-size: 30px;
      color: #0cffea;
      margin: -25% 15% 0 62%;
      font-family: Ruda Black; }
  .bg-textos {
    height: 455px; }
    .bg-textos .text-one {
      font-size: 17px;
      margin: 0% 50% 0 0;
      padding: 5% 0 0 0;
      font-family: Ruda Black; }
    .bg-textos .text-two {
      padding-top: 18%;
      font-size: 21px;
      z-index: 1;
      position: absolute;
      margin: 0 12%; }
    .bg-textos .text-three {
      margin: 2% 10%;
      padding: 2% 0;
      font-family: Ruda Black;
      z-index: 1;
      position: absolute; }
    .bg-textos img {
      height: 55%;
      margin: 77px 0 0 610px; }
  .marcas {
    height: 301px;
    font-size: 33px; }
    .marcas .rabisco-marcas img {
      height: 84px;
      margin-left: 625px; }
    .marcas .banner-marcas {
      margin-top: -6%; }
      .marcas .banner-marcas mark {
        background-color: transparent;
        color: #b2b2b2;
        font-family: Ruda Black; }
      .marcas .banner-marcas span {
        background-color: #b2b2b2;
        color: white; }
  footer {
    height: 275px;
    vertical-align: center; }
    footer .footer-bg {
      height: 100%; }
    footer .marca-footer p {
      font-family: Ruda Black;
      font-size: 20px;
      color: #0cffea;
      width: 100%;
      margin: 8% 0 0 -43%; }
    footer .marca-footer img {
      height: 150px;
      margin: -232px 0 0 300px; }
    footer .social-media-footer p {
      color: white;
      width: 65%;
      margin: 8% 20%;
      font-size: 15px; }
    footer .social-media-footer .social-media {
      width: 75%;
      margin: -7% 19% 0 0; }
      footer .social-media-footer .social-media img {
        width: 25%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 3%; } }

@media (min-width: 1066px) and (max-width: 1099.98px) {
  .background {
    height: 1100px; }
  .menu-logo .menu-nav {
    height: 410px; }
  .menu-logo li {
    margin-top: 3%; }
  .menu-logo .logo {
    width: 8%;
    z-index: 1; }
  .menu-logo .ilustracao {
    width: 60%;
    margin: 0% 0 30% 15%;
    position: absolute; }
  .menu-logo .social-media {
    width: 28%;
    padding: 0; }
    .menu-logo .social-media img {
      margin: 15% 0 0 3%; }
    .menu-logo .social-media ul {
      width: 100%; }
  .menu-logo .menu {
    margin: 0 7.75%; }
  .fundo {
    z-index: 5; }
    .fundo p {
      margin: -17% 9% 0 50%;
      font-size: 25px;
      font-family: Ruda Black;
      position: absolute; }
  .logo-verde {
    margin: -54% 0 0 0; }
    .logo-verde p {
      font-size: 35px;
      text-shadow: -3px 2px #43aca9;
      -webkit-text-stroke: 1px #0cffea;
      color: transparent;
      font-family: Ruda Black;
      text-align: end;
      margin: -3% 53% 0 0; }
    .logo-verde img {
      margin: 0 0 0 13%; }
  .text-one {
    font-size: 22px;
    margin: -9% 0 0 48%;
    font-family: Ruda Black; }
  .text-two {
    font-size: 22px;
    margin: 8% 45% 0 0;
    font-family: Ruda Black; }
  .text-one p, .text-two p {
    font-family: Ruda Black; }
  .text-three {
    font-size: 35px;
    background-color: #46a8a6;
    width: 90%; }
  .ideias-vivas {
    margin: -22% 0 0 90%;
    font-family: Ruda Black; }
  .first-banner {
    height: 316px; }
    .first-banner .opa {
      font-size: 80px;
      margin: -30% 70%;
      text-shadow: -4px 3px #43aca9;
      -webkit-text-stroke: 1px #0cffea;
      color: transparent;
      font-family: Ruda Black; }
    .first-banner .conexoes {
      color: white;
      font-size: 15px;
      font-family: Ruda Black;
      margin: 29% 10% 0 0; }
    .first-banner .relacionamento {
      color: white;
      font-size: 22px;
      font-family: Ruda Black;
      margin: 2% 9% 0 0; }
  .row {
    color: white;
    font-size: 16px;
    margin: 0 2%; }
    .row p {
      font-family: Ruda Black; }
    .row h3 {
      color: #0cffea;
      padding: 10% 2% 0 0;
      font-family: Ruda Black;
      font-size: 35px; }
  .second-banner {
    height: 316px; }
    .second-banner h1 {
      font-size: 37px;
      color: #0cffea;
      margin: -25% 15% 0 62%;
      font-family: Ruda Black; }
  .bg-textos {
    height: 345px; }
    .bg-textos .text-one {
      font-size: 17px;
      margin: 0% 50% 0 0;
      padding: 2% 0 0 0;
      font-family: Ruda Black; }
    .bg-textos .text-two {
      padding-top: 13%;
      font-size: 21px;
      z-index: 1;
      position: absolute;
      margin: 0 15%; }
    .bg-textos .text-three {
      margin: 1% 10%;
      font-family: Ruda Black;
      z-index: 1;
      position: absolute; }
    .bg-textos img {
      height: 55%;
      margin: 57px 0 0 620px; }
  .marcas {
    height: 300px;
    font-size: 33px; }
    .marcas .rabisco-marcas img {
      height: 72px;
      margin-left: 634px; }
    .marcas .banner-marcas {
      margin-top: -5%; }
      .marcas .banner-marcas mark {
        background-color: transparent;
        color: #b2b2b2;
        font-family: Ruda Black; }
      .marcas .banner-marcas span {
        background-color: #b2b2b2;
        color: white; }
  footer {
    height: 275px;
    vertical-align: center; }
    footer .footer-bg {
      height: 100%; }
    footer .marca-footer p {
      font-family: Ruda Black;
      font-size: 20px;
      color: #0cffea;
      width: 100%;
      margin: 8% 0 0 -43%; }
    footer .marca-footer img {
      height: 150px;
      margin: -232px 0 0 300px; }
    footer .social-media-footer p {
      color: white;
      width: 65%;
      margin: 8% 20%;
      font-size: 15px; }
    footer .social-media-footer .social-media {
      width: 75%;
      margin: -7% 19% 0 0; }
      footer .social-media-footer .social-media img {
        width: 25%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 3%; } }

@media (min-width: 1100px) and (max-width: 1165.98px) {
  .background {
    height: 1190px; }
  .menu-logo .menu-nav {
    height: 410px; }
  .menu-logo li {
    margin-top: 3%; }
  .menu-logo .logo {
    width: 7%;
    margin: 2% 0 0 2%;
    z-index: 1; }
  .menu-logo .ilustracao {
    width: 60%;
    margin: 0% 0 30% 15%;
    position: absolute; }
  .menu-logo .social-media {
    margin: 0 5%;
    padding: 0; }
    .menu-logo .social-media img {
      width: 27%;
      margin: 20% 0 0 3%; }
    .menu-logo .social-media ul {
      width: 100%; }
  .menu-logo .menu {
    margin: 0 4.5%; }
  .fundo {
    z-index: 5; }
    .fundo p {
      margin: -14% 9% 0 50%;
      font-size: 25px;
      font-family: Ruda Black;
      position: absolute; }
  .rabisco {
    margin-top: 1%; }
  .logo-verde {
    margin: -50% 0 0 0; }
    .logo-verde p {
      font-size: 35px;
      text-shadow: -3px 2px #43aca9;
      -webkit-text-stroke: 1px #0cffea;
      color: transparent;
      font-family: Ruda Black;
      text-align: end;
      margin: -3% 53% 0 0; }
    .logo-verde img {
      margin: 5% 0 0 13%; }
  .text-one {
    font-size: 22px;
    margin: -9% 0 0 48%;
    font-family: Ruda Black; }
  .text-two {
    font-size: 22px;
    margin: 10% 45% 0 0;
    font-family: Ruda Black; }
  .text-one p, .text-two p {
    font-family: Ruda Black; }
  .text-three {
    font-size: 35px;
    background-color: #46a8a6;
    width: 90%; }
  .ideias-vivas {
    margin: -22% 0 0 90%;
    font-family: Ruda Black; }
  .first-banner {
    height: 316px; }
    .first-banner .opa {
      font-size: 80px;
      margin: -30% 70%;
      text-shadow: -4px 3px #43aca9;
      -webkit-text-stroke: 1px #0cffea;
      color: transparent;
      font-family: Ruda Black; }
    .first-banner .conexoes {
      color: white;
      font-size: 15px;
      font-family: Ruda Black;
      margin: 29% 10% 0 0; }
    .first-banner .relacionamento {
      color: white;
      font-size: 22px;
      font-family: Ruda Black;
      margin: 2% 9% 0 0; }
  .row {
    color: white;
    font-size: 16px;
    margin: 0 2%; }
    .row p {
      font-family: Ruda Black; }
    .row h3 {
      color: #0cffea;
      padding: 10% 2% 0 0;
      font-family: Ruda Black;
      font-size: 35px; }
  .second-banner {
    height: 316px; }
    .second-banner h1 {
      font-size: 37px;
      color: #0cffea;
      margin: -25% 15% 0 62%;
      font-family: Ruda Black; }
  .bg-textos {
    height: 345px; }
    .bg-textos .text-one {
      font-size: 17px;
      margin: 1% 50% 0 0;
      padding: 2% 0 0 0;
      font-family: Ruda Black; }
    .bg-textos .text-two {
      padding-top: 13%;
      font-size: 21px;
      z-index: 1;
      position: absolute;
      margin: 0 15%; }
    .bg-textos .text-three {
      margin: 1% 10%;
      font-family: Ruda Black;
      z-index: 1;
      position: absolute; }
    .bg-textos img {
      height: 55%;
      margin: 57px 0 0 655px; }
  .marcas {
    height: 300px;
    font-size: 33px; }
    .marcas .rabisco-marcas img {
      height: 72px;
      margin-left: 670px; }
    .marcas .banner-marcas {
      margin-top: -5%; }
      .marcas .banner-marcas mark {
        background-color: transparent;
        color: #b2b2b2;
        font-family: Ruda Black; }
      .marcas .banner-marcas span {
        background-color: #b2b2b2;
        color: white; }
  footer {
    height: 275px;
    vertical-align: center; }
    footer .footer-bg {
      height: 100%; }
    footer .marca-footer p {
      font-family: Ruda Black;
      font-size: 20px;
      color: #0cffea;
      width: 100%;
      margin: 8% 0 0 -43%; }
    footer .marca-footer img {
      height: 150px;
      margin: -232px 0 0 300px; }
    footer .social-media-footer p {
      color: white;
      width: 65%;
      margin: 8% 20%;
      font-size: 15px; }
    footer .social-media-footer .social-media {
      width: 75%;
      margin: -7% 19% 0 0; }
      footer .social-media-footer .social-media img {
        width: 25%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 3%; } }

@media (min-width: 1166px) and (max-width: 1265.98px) {
  .background {
    height: 1320px; }
  .menu-logo .menu-nav {
    height: 410px; }
  .menu-logo li {
    margin-top: 3%; }
  .menu-logo .logo {
    width: 7%;
    margin: 2% 0 0 2%;
    z-index: 1; }
  .menu-logo .ilustracao {
    width: 60%;
    margin: 0% 0 30% 15%;
    position: absolute; }
  .menu-logo .social-media {
    margin: 0 5%;
    padding: 0; }
    .menu-logo .social-media img {
      width: 27%;
      margin: 20% 0 0 3%; }
    .menu-logo .social-media ul {
      width: 100%; }
  .menu-logo .menu {
    margin: 0 4.5%; }
  .fundo {
    z-index: 5; }
    .fundo p {
      margin: -13% 13% 0 50%;
      font-size: 25px;
      font-family: Ruda Black;
      position: absolute; }
  .rabisco {
    margin-top: 4%;
    opacity: 0.5; }
  .logo-verde {
    margin: -50% 0 0 0; }
    .logo-verde p {
      font-size: 40px;
      text-shadow: -3px 2px #43aca9;
      -webkit-text-stroke: 1px #0cffea;
      color: transparent;
      font-family: Ruda Black;
      text-align: end;
      margin: 0 53% 0 0; }
    .logo-verde img {
      margin: 10% 0 0 16%; }
  .text-one {
    font-size: 22px;
    margin: -9% 0 0 48%;
    font-family: Ruda Black; }
  .text-two {
    font-size: 22px;
    margin: 10% 45% 0 0;
    font-family: Ruda Black; }
  .text-one p, .text-two p {
    font-family: Ruda Black; }
  .text-three {
    font-size: 35px;
    background-color: #46a8a6;
    width: 90%; }
  .ideias-vivas {
    margin: -22% 0 0 90%;
    font-family: Ruda Black; }
  .first-banner {
    height: 345px; }
    .first-banner .opa {
      font-size: 90px;
      margin: -30% 70%;
      text-shadow: -4px 3px #43aca9;
      -webkit-text-stroke: 1px #0cffea;
      color: transparent;
      font-family: Ruda Black; }
    .first-banner .conexoes {
      color: white;
      font-size: 15px;
      font-family: Ruda Black;
      margin: 29% 10% 0 0; }
    .first-banner .relacionamento {
      color: white;
      font-size: 25px;
      font-family: Ruda Black;
      margin: 2% 9% 0 0; }
  .row {
    color: white;
    font-size: 16px;
    margin: 0 2%; }
    .row p {
      font-family: Ruda Black; }
    .row h3 {
      color: #0cffea;
      padding: 12% 2% 0 0;
      font-family: Ruda Black;
      font-size: 35px; }
  .second-banner {
    height: 345px; }
    .second-banner h1 {
      font-size: 41px;
      color: #0cffea;
      margin: -25% 15% 0 62%;
      font-family: Ruda Black; }
  .bg-textos {
    height: 345px; }
    .bg-textos .text-one {
      font-size: 17px;
      margin: 0 50% 0 0;
      padding: 3% 0 0 0;
      font-family: Ruda Black; }
    .bg-textos .text-two {
      padding-top: 11%;
      font-size: 21px;
      z-index: 1;
      position: absolute;
      margin: 0 20%; }
    .bg-textos .text-three {
      margin: 1% 10%;
      font-family: Ruda Black;
      z-index: 1;
      position: absolute; }
    .bg-textos img {
      height: 55%;
      margin: 43px 0 0 710px; }
  .marcas {
    height: 300px;
    font-size: 33px; }
    .marcas .rabisco-marcas img {
      height: 72px;
      margin-left: 720px; }
    .marcas .banner-marcas {
      margin-top: -4%; }
      .marcas .banner-marcas mark {
        background-color: transparent;
        color: #b2b2b2;
        font-family: Ruda Black; }
      .marcas .banner-marcas span {
        background-color: #b2b2b2;
        color: white; }
  footer {
    height: 275px;
    vertical-align: center; }
    footer .footer-bg {
      height: 100%; }
    footer .marca-footer p {
      font-family: Ruda Black;
      font-size: 20px;
      color: #0cffea;
      width: 100%;
      margin: 8% 0 0 -43%; }
    footer .marca-footer img {
      height: 150px;
      margin: -232px 0 0 300px; }
    footer .social-media-footer p {
      color: white;
      width: 65%;
      margin: 8% 20%;
      font-size: 15px; }
    footer .social-media-footer .social-media {
      width: 75%;
      margin: -7% 19% 0 0; }
      footer .social-media-footer .social-media img {
        width: 25%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 3%; } }

@media (min-width: 1266px) and (max-width: 1365.98px) {
  .background {
    height: 1320px; }
  .menu-logo .menu-nav {
    height: 410px; }
  .menu-logo li {
    margin-top: 3%; }
  .menu-logo .logo {
    width: 7%;
    margin: 2% 0 0 2%; }
  .menu-logo .ilustracao {
    width: 60%;
    margin: 0% 0 30% 15%;
    position: absolute; }
  .menu-logo .social-media {
    margin: 0 5%;
    padding: 0; }
    .menu-logo .social-media img {
      width: 27%;
      margin: 20% 0 0 3%; }
    .menu-logo .social-media ul {
      width: 100%; }
  .menu-logo .menu {
    margin: 0 4.5%; }
  .fundo {
    z-index: 5; }
    .fundo p {
      margin: -11% 15% 0 55%;
      font-size: 25px;
      font-family: Ruda Black;
      position: absolute; }
  .rabisco {
    margin-top: 4%;
    opacity: 0.5; }
  .logo-verde {
    margin: -50% 0 0 0; }
    .logo-verde p {
      font-size: 45px;
      text-shadow: -4px 3px #43aca9;
      -webkit-text-stroke: 1px #0cffea;
      color: transparent;
      font-family: Ruda Black;
      text-align: end;
      margin: -2% 50% 0 0; }
    .logo-verde img {
      margin: 15% 0 0 16%; }
  .text-one {
    font-size: 22px;
    margin: -9% 0 0 51%;
    font-family: Ruda Black; }
  .text-two {
    font-size: 22px;
    margin: 7% 45% 0 0;
    font-family: Ruda Black; }
  .text-one p, .text-two p {
    font-family: Ruda Black; }
  .text-three {
    font-size: 40px;
    background-color: #46a8a6;
    width: 90%; }
  .ideias-vivas {
    margin: -22% 0 0 90%;
    font-family: Ruda Black; }
  .first-banner {
    height: 375px; }
    .first-banner .opa {
      font-size: 110px;
      margin: -30% 70%;
      text-shadow: -4px 3px #43aca9;
      -webkit-text-stroke: 1px #0cffea;
      color: transparent;
      font-family: Ruda Black; }
    .first-banner .conexoes {
      color: white;
      font-size: 17px;
      font-family: Ruda Black;
      margin: 28% 10% 0 0; }
    .first-banner .relacionamento {
      color: white;
      font-size: 25px;
      font-family: Ruda Black;
      margin: 2% 9% 0 0; }
  .row {
    color: white;
    font-size: 16px;
    margin: 0 2%; }
    .row p {
      font-family: Ruda Black; }
    .row h3 {
      color: #0cffea;
      padding: 15% 2% 0 0;
      font-family: Ruda Black;
      font-size: 45px;
      line-height: 1; }
    .row .novos-tempos {
      margin-right: 20%; }
    .row .novos-consumidores {
      margin-right: 35%; }
  .second-banner {
    height: 375px; }
    .second-banner h1 {
      font-size: 41px;
      color: #0cffea;
      margin: -25% 15% 0 62%;
      font-family: Ruda Black; }
  .bg-textos {
    height: 345px; }
    .bg-textos .text-one {
      font-size: 17px;
      margin: 0 50% 0 0;
      padding: 3% 0 0 0;
      font-family: Ruda Black; }
    .bg-textos .text-two {
      padding-top: 11%;
      font-size: 21px;
      z-index: 1;
      position: absolute;
      margin: 0 23%; }
    .bg-textos .text-three {
      margin: 1% 10%;
      font-family: Ruda Black;
      z-index: 1;
      position: absolute; }
    .bg-textos img {
      height: 65%;
      margin: 6px 0 0 826px; }
  .marcas {
    height: 300px;
    font-size: 37px; }
    .marcas .rabisco-marcas img {
      height: 78px;
      margin-left: 844px; }
    .marcas .banner-marcas {
      margin-top: -4%; }
      .marcas .banner-marcas mark {
        background-color: transparent;
        color: #b2b2b2;
        font-family: Ruda Black; }
      .marcas .banner-marcas span {
        background-color: #b2b2b2;
        color: white; }
  footer {
    height: 275px;
    vertical-align: center; }
    footer .footer-bg {
      height: 100%; }
    footer .marca-footer p {
      font-family: Ruda Black;
      font-size: 20px;
      color: #0cffea;
      width: 100%;
      margin: 8% 0 0 -43%; }
    footer .marca-footer img {
      height: 150px;
      margin: -232px 0 0 300px; }
    footer .social-media-footer p {
      color: white;
      width: 65%;
      margin: 8% 20%;
      font-size: 15px; }
    footer .social-media-footer .social-media {
      width: 75%;
      margin: -7% 19% 0 0; }
      footer .social-media-footer .social-media img {
        width: 25%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 3%; } }

@media (min-width: 1366px) and (max-width: 1499.98px) {
  .background {
    height: 1320px; }
  .menu-logo .menu-nav {
    height: 410px; }
  .menu-logo li {
    margin-top: 3%; }
  .menu-logo .logo {
    width: 6.5%;
    margin: 2% 0 0 2%;
    z-index: 1; }
  .menu-logo .ilustracao {
    width: 55%;
    margin: 0% 0 30% 15%;
    position: absolute; }
  .menu-logo .social-media {
    margin: 0 5%;
    padding: 0; }
    .menu-logo .social-media img {
      width: 27%;
      margin: 20% 0 0 3%; }
    .menu-logo .social-media ul {
      width: 100%; }
  .menu-logo .menu {
    margin: 0 4.5%; }
  .fundo {
    z-index: 5; }
    .fundo p {
      margin: -10% 17% 0 55%;
      font-size: 25px;
      font-family: Ruda Black;
      position: absolute; }
  .rabisco {
    margin-top: 4%;
    opacity: 0.5; }
  .logo-verde {
    margin: -46% 0 0 0; }
    .logo-verde p {
      font-size: 45px;
      text-shadow: -4px 3px #43aca9;
      -webkit-text-stroke: 1px #0cffea;
      color: transparent;
      font-family: Ruda Black;
      text-align: end;
      margin: -4% 50% 0 0; }
    .logo-verde img {
      margin: 16% 0 0 18%; }
  .text-one {
    font-size: 22px;
    margin: -9% 0 0 51%;
    font-family: Ruda Black; }
  .text-two {
    font-size: 22px;
    margin: 7% 45% 0 0;
    font-family: Ruda Black; }
  .text-one p, .text-two p {
    font-family: Ruda Black; }
  .text-three {
    font-size: 40px;
    background-color: #46a8a6;
    width: 90%; }
  .ideias-vivas {
    margin: -22% 0 0 90%;
    font-family: Ruda Black; }
  .first-banner {
    height: 405px; }
    .first-banner .opa {
      font-size: 120px;
      margin: -30% 70%;
      text-shadow: -4px 3px #43aca9;
      -webkit-text-stroke: 1px #0cffea;
      color: transparent;
      font-family: Ruda Black; }
    .first-banner .conexoes {
      color: white;
      font-size: 17px;
      font-family: Ruda Black;
      margin: 28% 10% 0 0; }
    .first-banner .relacionamento {
      color: white;
      font-size: 25px;
      font-family: Ruda Black;
      margin: 2% 9% 0 0; }
  .row {
    color: white;
    font-size: 16px;
    margin: 0 2%; }
    .row p {
      font-family: Ruda Black; }
    .row h3 {
      color: #0cffea;
      padding: 15% 2% 0 0;
      font-family: Ruda Black;
      font-size: 45px;
      line-height: 1; }
    .row .novos-tempos {
      margin-right: 20%; }
    .row .novos-consumidores {
      margin-right: 14%; }
  .second-banner {
    height: 405px; }
    .second-banner h1 {
      font-size: 41px;
      color: #0cffea;
      margin: -25% 15% 0 62%;
      font-family: Ruda Black; }
  .bg-textos {
    height: 345px; }
    .bg-textos .text-one {
      font-size: 17px;
      margin: 0 50% 0 0;
      padding: 3% 0 0 0;
      font-family: Ruda Black; }
    .bg-textos .text-two {
      padding-top: 10%;
      font-size: 21px;
      z-index: 1;
      position: absolute;
      margin: 0 23%; }
    .bg-textos .text-three {
      margin: 1% 10%;
      font-family: Ruda Black;
      z-index: 1;
      position: absolute; }
    .bg-textos img {
      height: 65%;
      margin: 2px 0 0 830px; }
  .marcas {
    height: 300px;
    font-size: 37px; }
    .marcas .rabisco-marcas img {
      height: 78px;
      margin-left: 844px; }
    .marcas .banner-marcas {
      margin-top: -4%; }
      .marcas .banner-marcas mark {
        background-color: transparent;
        color: #b2b2b2;
        font-family: Ruda Black; }
      .marcas .banner-marcas span {
        background-color: #b2b2b2;
        color: white; }
  footer {
    height: 275px;
    vertical-align: center; }
    footer .footer-bg {
      height: 100%; }
    footer .marca-footer p {
      font-family: Ruda Black;
      font-size: 20px;
      color: #0cffea;
      width: 100%;
      margin: 8% 0 0 -43%; }
    footer .marca-footer img {
      height: 150px;
      margin: -232px 0 0 300px; }
    footer .social-media-footer p {
      color: white;
      width: 65%;
      margin: 8% 20%;
      font-size: 15px; }
    footer .social-media-footer .social-media {
      width: 75%;
      margin: -7% 19% 0 0; }
      footer .social-media-footer .social-media img {
        width: 25%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 3%; } }

@media (min-width: 1500px) and (max-width: 1600.98px) {
  .background {
    height: 1375px; }
  .menu-logo .menu-nav {
    height: 410px; }
  .menu-logo li {
    margin-top: 3%; }
  .menu-logo .logo {
    width: 6.5%;
    margin: 2% 0 0 2%;
    z-index: 1; }
  .menu-logo .ilustracao {
    width: 55%;
    margin: 0% 0 30% 15%;
    position: absolute; }
  .menu-logo .social-media {
    margin: 0 5%;
    padding: 0; }
    .menu-logo .social-media img {
      width: 27%;
      margin: 20% 0 0 3%; }
    .menu-logo .social-media ul {
      width: 100%; }
  .menu-logo .menu {
    margin: 0 4.5%; }
  .fundo {
    z-index: 5; }
    .fundo p {
      margin: -7% 20% 0 55%;
      font-size: 25px;
      font-family: Ruda Black;
      position: absolute; }
  .rabisco {
    margin-top: 4%;
    opacity: 0.5; }
  .logo-verde {
    margin: -43% 0 0 0; }
    .logo-verde p {
      font-size: 45px;
      text-shadow: -4px 3px #43aca9;
      -webkit-text-stroke: 1px #0cffea;
      color: transparent;
      font-family: Ruda Black;
      text-align: end;
      margin: -4% 50% 0 0; }
    .logo-verde img {
      margin: 16% 0 0 20%; }
  .text-one {
    font-size: 22px;
    margin: -9% 0 0 51%;
    font-family: Ruda Black; }
  .text-two {
    font-size: 22px;
    margin: 7% 45% 0 0;
    font-family: Ruda Black; }
  .text-one p, .text-two p {
    font-family: Ruda Black; }
  .text-three {
    font-size: 40px;
    background-color: #46a8a6;
    width: 90%; }
  .ideias-vivas {
    margin: -22% 0 0 90%;
    font-family: Ruda Black; }
  .first-banner {
    height: 445px; }
    .first-banner .opa {
      font-size: 130px;
      margin: -30% 70%;
      text-shadow: -4px 3px #43aca9;
      -webkit-text-stroke: 1px #0cffea;
      color: transparent;
      font-family: Ruda Black; }
    .first-banner .conexoes {
      color: white;
      font-size: 17px;
      font-family: Ruda Black;
      margin: 28% 10% 0 0; }
    .first-banner .relacionamento {
      color: white;
      font-size: 27px;
      font-family: Ruda Black;
      margin: 2% 9% 0 0; }
  .row {
    color: white;
    font-size: 16px;
    margin: 0 2%; }
    .row p {
      font-family: Ruda Black;
      margin: 0 15%; }
    .row h3 {
      color: #0cffea;
      padding: 17% 2% 0 0;
      font-family: Ruda Black;
      font-size: 45px;
      line-height: 1; }
    .row .novos-tempos {
      margin-right: 35%; }
    .row .novos-consumidores {
      margin-right: 14%; }
  .second-banner {
    height: 445px; }
    .second-banner h1 {
      font-size: 50px;
      color: #0cffea;
      margin: -24% 15% 0 62%;
      font-family: Ruda Black; }
  .bg-textos {
    height: 400px; }
    .bg-textos .text-one {
      font-size: 17px;
      margin: 0 50% 0 0;
      padding: 4% 0 0 0;
      font-family: Ruda Black; }
    .bg-textos .text-two {
      padding-top: 10%;
      font-size: 21px;
      z-index: 1;
      position: absolute;
      margin: 0 26%; }
    .bg-textos .text-three {
      margin: 1% 10%;
      font-family: Ruda Black;
      z-index: 1;
      position: absolute; }
    .bg-textos img {
      height: 65%;
      margin: 3px 0 0 911px; }
  .marcas {
    height: 300px;
    font-size: 37px; }
    .marcas .rabisco-marcas img {
      height: 92px;
      margin-left: 921px; }
    .marcas .banner-marcas {
      margin-top: -4%; }
      .marcas .banner-marcas mark {
        background-color: transparent;
        color: #b2b2b2;
        font-family: Ruda Black; }
      .marcas .banner-marcas span {
        background-color: #b2b2b2;
        color: white; }
  footer {
    height: 275px;
    vertical-align: center; }
    footer .footer-bg {
      height: 100%; }
    footer .marca-footer p {
      font-family: Ruda Black;
      font-size: 20px;
      color: #0cffea;
      width: 100%;
      margin: 8% 0 0 -43%; }
    footer .marca-footer img {
      height: 150px;
      margin: -232px 0 0 300px; }
    footer .social-media-footer p {
      color: white;
      width: 65%;
      margin: 8% 20%;
      font-size: 15px; }
    footer .social-media-footer .social-media {
      width: 75%;
      margin: -7% 19% 0 0; }
      footer .social-media-footer .social-media img {
        width: 25%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 3%; } }

@media (min-width: 1601px) and (max-width: 1699.98px) {
  .background {
    height: 1375px; }
  .menu-logo .menu-nav {
    height: 410px; }
  .menu-logo li {
    margin-top: 3%; }
  .menu-logo .logo {
    width: 6.5%;
    margin: 2% 0 0 2%;
    z-index: 1; }
  .menu-logo .ilustracao {
    width: 55%;
    margin: 0% 0 30% 15%;
    position: absolute; }
  .menu-logo .social-media {
    margin: 0 5%;
    padding: 0; }
    .menu-logo .social-media img {
      width: 27%;
      margin: 20% 0 0 3%; }
    .menu-logo .social-media ul {
      width: 100%; }
  .menu-logo .menu {
    margin: 0 4.5%; }
  .fundo {
    z-index: 5; }
    .fundo p {
      margin: -5% 24% 0 53%;
      font-size: 25px;
      font-family: Ruda Black;
      position: absolute; }
  .rabisco {
    margin-top: 4%;
    opacity: 0.5; }
  .logo-verde {
    margin: -38% 0 0 0; }
    .logo-verde p {
      font-size: 45px;
      text-shadow: -4px 3px #43aca9;
      -webkit-text-stroke: 1px #0cffea;
      color: transparent;
      font-family: Ruda Black;
      text-align: end;
      margin: -4% 50% 0 0; }
    .logo-verde img {
      margin: 16% 0 0 20%; }
  .text-one {
    font-size: 22px;
    margin: -9% 0 0 51%;
    font-family: Ruda Black; }
  .text-two {
    font-size: 22px;
    margin: 7% 49% 0 0;
    font-family: Ruda Black; }
  .text-one p, .text-two p {
    font-family: Ruda Black; }
  .text-three {
    font-size: 40px;
    background-color: #46a8a6;
    width: 90%; }
  .ideias-vivas {
    margin: -22% 0 0 90%;
    font-family: Ruda Black; }
  .first-banner {
    height: 475px; }
    .first-banner .opa {
      font-size: 145px;
      margin: -30% 70%;
      text-shadow: -6px 4px #43aca9;
      -webkit-text-stroke: 1px #0cffea;
      color: transparent;
      font-family: Ruda Black; }
    .first-banner .conexoes {
      color: white;
      font-size: 19px;
      font-family: Ruda Black;
      margin: 28% 10% 0 0; }
    .first-banner .relacionamento {
      color: white;
      font-size: 30px;
      font-family: Ruda Black;
      margin: 2% 9% 0 0; }
  .row {
    color: white;
    font-size: 16px;
    margin: 0 2%; }
    .row p {
      font-family: Ruda Black;
      margin: 0 15%; }
    .row h3 {
      color: #0cffea;
      padding: 17% 2% 0 0;
      font-family: Ruda Black;
      font-size: 45px;
      line-height: 1; }
    .row .novos-tempos {
      margin-right: 35%; }
    .row .novos-consumidores {
      margin-right: 14%; }
  .second-banner {
    height: 475px; }
    .second-banner h1 {
      font-size: 50px;
      color: #0cffea;
      margin: -24% 15% 0 62%;
      font-family: Ruda Black; }
  .bg-textos {
    height: 400px; }
    .bg-textos .text-one {
      font-size: 17px;
      margin: 0 50% 0 0;
      padding: 4% 0 0 0;
      font-family: Ruda Black; }
    .bg-textos .text-two {
      padding-top: 10%;
      font-size: 21px;
      z-index: 1;
      position: absolute;
      margin: 0 26%; }
    .bg-textos .text-three {
      margin: 1% 10%;
      font-family: Ruda Black;
      z-index: 1;
      position: absolute; }
    .bg-textos img {
      height: 65%;
      margin: 0 0 0 928px; }
  .marcas {
    height: 300px;
    font-size: 37px; }
    .marcas .rabisco-marcas img {
      height: 89px;
      margin-left: 941px; }
    .marcas .banner-marcas {
      margin-top: -4%; }
      .marcas .banner-marcas mark {
        background-color: transparent;
        color: #b2b2b2;
        font-family: Ruda Black; }
      .marcas .banner-marcas span {
        background-color: #b2b2b2;
        color: white; }
  footer {
    height: 275px;
    vertical-align: center; }
    footer .footer-bg {
      height: 100%; }
    footer .marca-footer p {
      font-family: Ruda Black;
      font-size: 20px;
      color: #0cffea;
      width: 100%;
      margin: 8% 0 0 -43%; }
    footer .marca-footer img {
      height: 150px;
      margin: -232px 0 0 300px; }
    footer .social-media-footer p {
      color: white;
      width: 65%;
      margin: 8% 20%;
      font-size: 15px; }
    footer .social-media-footer .social-media {
      width: 75%;
      margin: -7% 19% 0 0; }
      footer .social-media-footer .social-media img {
        width: 25%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 3%; } }

@media (min-width: 1700px) and (max-width: 1800.98px) {
  .background {
    height: 1390px; }
  .menu-logo .menu-nav {
    height: 410px; }
  .menu-logo li {
    margin-top: 3%; }
  .menu-logo .logo {
    width: 6.5%;
    margin: 2% 0 0 2%;
    z-index: 1; }
  .menu-logo .ilustracao {
    width: 55%;
    margin: 0% 0 30% 15%;
    position: absolute; }
  .menu-logo .social-media {
    margin: 0 5%;
    padding: 0; }
    .menu-logo .social-media img {
      width: 27%;
      margin: 20% 0 0 3%; }
    .menu-logo .social-media ul {
      width: 100%; }
  .menu-logo .menu {
    margin: 0 4.5%; }
  .fundo {
    z-index: 5; }
    .fundo p {
      margin: -4% 24% 0 53%;
      font-size: 25px;
      font-family: Ruda Black;
      position: absolute; }
  .rabisco {
    margin-top: 4%;
    opacity: 0.5; }
  .logo-verde {
    margin: -41% 0 0 0; }
    .logo-verde p {
      font-size: 45px;
      text-shadow: -4px 3px #43aca9;
      -webkit-text-stroke: 1px #0cffea;
      color: transparent;
      font-family: Ruda Black;
      text-align: end;
      margin: -3% 50% 0 0; }
    .logo-verde img {
      margin: 20% 0 0 23%; }
  .text-one {
    font-size: 22px;
    margin: -8% 0 0 51%;
    font-family: Ruda Black; }
  .text-two {
    font-size: 22px;
    margin: 5.5% 49% 0 0;
    font-family: Ruda Black; }
  .text-one p, .text-two p {
    font-family: Ruda Black; }
  .text-three {
    font-size: 40px;
    background-color: #46a8a6;
    width: 90%; }
  .ideias-vivas {
    margin: -22% 0 0 90%;
    font-family: Ruda Black; }
  .first-banner {
    height: 497px; }
    .first-banner .opa {
      font-size: 155px;
      margin: -30% 70%;
      text-shadow: -6px 5px #43aca9;
      -webkit-text-stroke: 1px #0cffea;
      color: transparent;
      font-family: Ruda Black; }
    .first-banner .conexoes {
      color: white;
      font-size: 19px;
      font-family: Ruda Black;
      margin: 28% 10% 0 0; }
    .first-banner .relacionamento {
      color: white;
      font-size: 30px;
      font-family: Ruda Black;
      margin: 2% 9% 0 0; }
  .row {
    color: white;
    font-size: 16px;
    margin: 0 2%; }
    .row p {
      font-family: Ruda Black;
      margin: 0 15%; }
    .row h3 {
      color: #0cffea;
      padding: 20% 2% 0 0;
      font-family: Ruda Black;
      font-size: 45px;
      line-height: 1; }
    .row .novos-tempos {
      margin-right: 40%; }
    .row .novos-consumidores {
      margin-right: 14%; }
  .second-banner {
    height: 497px; }
    .second-banner h1 {
      font-size: 55px;
      color: #0cffea;
      margin: -24% 15% 0 62%;
      font-family: Ruda Black; }
  .bg-textos {
    height: 470px; }
    .bg-textos .text-one {
      font-size: 17px;
      margin: 9px 50% 0 0;
      padding: 5% 0 0 0;
      font-family: Ruda Black; }
    .bg-textos .text-two {
      padding-top: 10%;
      font-size: 21px;
      z-index: 1;
      position: absolute;
      margin: 0 29%; }
    .bg-textos .text-three {
      margin: 1% 10%;
      font-family: Ruda Black;
      z-index: 1;
      position: absolute; }
    .bg-textos img {
      height: 65%;
      margin: 2px 0 0 979px; }
  .marcas {
    height: 300px;
    font-size: 37px; }
    .marcas .rabisco-marcas img {
      height: 108px;
      margin-left: 998px; }
    .marcas .banner-marcas {
      margin-top: -4%; }
      .marcas .banner-marcas mark {
        background-color: transparent;
        color: #b2b2b2;
        font-family: Ruda Black; }
      .marcas .banner-marcas span {
        background-color: #b2b2b2;
        color: white; }
  footer {
    height: 275px;
    vertical-align: center; }
    footer .footer-bg {
      height: 100%; }
    footer .marca-footer p {
      font-family: Ruda Black;
      font-size: 20px;
      color: #0cffea;
      width: 100%;
      margin: 8% 0 0 -43%; }
    footer .marca-footer img {
      height: 150px;
      margin: -232px 0 0 300px; }
    footer .social-media-footer p {
      color: white;
      width: 65%;
      margin: 8% 20%;
      font-size: 15px; }
    footer .social-media-footer .social-media {
      width: 75%;
      margin: -7% 19% 0 0; }
      footer .social-media-footer .social-media img {
        width: 25%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 3%; } }

@media (min-width: 1801px) and (max-width: 1899.98px) {
  .background {
    height: 1420px; }
  .menu-logo .menu-nav {
    height: 410px; }
  .menu-logo li {
    margin-top: 3%; }
  .menu-logo .logo {
    width: 6.5%;
    margin: 2% 0 0 2%;
    z-index: 1; }
  .menu-logo .ilustracao {
    width: 55%;
    margin: 0% 0 30% 15%;
    position: absolute; }
  .menu-logo .social-media {
    margin: 0 5%;
    padding: 0; }
    .menu-logo .social-media img {
      width: 27%;
      margin: 20% 0 0 3%; }
    .menu-logo .social-media ul {
      width: 100%; }
  .menu-logo .menu {
    margin: 0 4.5%; }
  .fundo {
    z-index: 5; }
    .fundo p {
      margin: -3% 24% 0 55%;
      font-size: 25px;
      font-family: Ruda Black;
      position: absolute; }
  .rabisco {
    margin-top: 4%;
    opacity: 0.5; }
  .logo-verde {
    margin: -38% 0 0 0; }
    .logo-verde p {
      font-size: 45px;
      text-shadow: -4px 3px #43aca9;
      -webkit-text-stroke: 1px #0cffea;
      color: transparent;
      font-family: Ruda Black;
      text-align: end;
      margin: -3% 50% 0 0; }
    .logo-verde img {
      margin: 19% 0 0 23%; }
  .text-one {
    font-size: 22px;
    margin: -8% 0 0 51%;
    font-family: Ruda Black; }
  .text-two {
    font-size: 22px;
    margin: 6% 49% 0 0;
    font-family: Ruda Black; }
  .text-one p, .text-two p {
    font-family: Ruda Black; }
  .text-three {
    font-size: 40px;
    background-color: #46a8a6;
    width: 90%; }
  .ideias-vivas {
    margin: -22% 0 0 90%;
    font-family: Ruda Black; }
  .first-banner {
    height: 535px; }
    .first-banner .opa {
      font-size: 170px;
      margin: -30% 70%;
      text-shadow: -6px 5px #43aca9;
      -webkit-text-stroke: 1px #0cffea;
      color: transparent;
      font-family: Ruda Black; }
    .first-banner .conexoes {
      color: white;
      font-size: 20px;
      font-family: Ruda Black;
      margin: 28% 10% 0 0; }
    .first-banner .relacionamento {
      color: white;
      font-size: 32px;
      font-family: Ruda Black;
      margin: 2% 9% 0 0; }
  .row {
    color: white;
    font-size: 18px;
    margin: 0 2%; }
    .row p {
      font-family: Ruda Black;
      margin: 0 15%; }
    .row h3 {
      color: #0cffea;
      padding: 20% 2% 0 0;
      font-family: Ruda Black;
      font-size: 50px;
      line-height: 1; }
    .row .novos-tempos {
      margin-right: 45%; }
    .row .novos-consumidores {
      margin-right: 14%; }
  .second-banner {
    height: 498px; }
    .second-banner h1 {
      font-size: 60px;
      color: #0cffea;
      margin: -24% 15% 0 62%;
      font-family: Ruda Black; }
  .bg-textos {
    height: 490px; }
    .bg-textos .text-one {
      font-size: 17px;
      margin: 39px 50% 0 0;
      padding: 5% 0 0 0;
      font-family: Ruda Black; }
    .bg-textos .text-two {
      padding-top: 10%;
      font-size: 21px;
      z-index: 1;
      position: absolute;
      margin: 0 30%; }
    .bg-textos .text-three {
      margin: 1% 10%;
      font-family: Ruda Black;
      z-index: 1;
      position: absolute; }
    .bg-textos img {
      height: 65%;
      margin: 4px 0 0 1010px; }
  .marcas {
    height: 300px;
    font-size: 36px; }
    .marcas .rabisco-marcas img {
      height: 111px;
      margin-left: 1031px; }
    .marcas .banner-marcas {
      margin-top: -4%; }
      .marcas .banner-marcas mark {
        background-color: transparent;
        color: #b2b2b2;
        font-family: Ruda Black; }
      .marcas .banner-marcas span {
        background-color: #b2b2b2;
        color: white; }
  footer {
    height: 275px;
    vertical-align: center; }
    footer .footer-bg {
      height: 100%; }
    footer .marca-footer p {
      font-family: Ruda Black;
      font-size: 20px;
      color: #0cffea;
      width: 100%;
      margin: 8% 0 0 -43%; }
    footer .marca-footer img {
      height: 150px;
      margin: -232px 0 0 300px; }
    footer .social-media-footer p {
      color: white;
      width: 65%;
      margin: 8% 20%;
      font-size: 15px; }
    footer .social-media-footer .social-media {
      width: 75%;
      margin: -7% 19% 0 0; }
      footer .social-media-footer .social-media img {
        width: 25%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 3%; } }

@media (min-width: 1900px) and (max-width: 1999.98px) {
  .background {
    background: #35c5bf;
    height: 1630px; }
  .menu-logo .menu-nav {
    height: 410px; }
  .menu-logo li {
    margin-top: 3%; }
  .menu-logo .logo {
    width: 6.5%;
    margin: 2% 0 0 2%;
    z-index: 1; }
  .menu-logo .ilustracao {
    width: 55%;
    margin: 0 0 0 19%;
    position: absolute; }
  .menu-logo .social-media {
    margin: 0 5%;
    padding: 0; }
    .menu-logo .social-media img {
      width: 27%;
      margin: 20% 0 0 3%; }
    .menu-logo .social-media ul {
      width: 100%; }
  .menu-logo .menu {
    margin: 0 4.5%; }
  .fundo {
    z-index: 5; }
    .fundo p {
      margin: -2% 24% 0 53%;
      font-size: 25px;
      font-family: Ruda Black;
      position: absolute; }
  .rabisco {
    margin-top: 4%;
    opacity: 0.5; }
  .logo-verde {
    margin: -34% 0 0 0; }
    .logo-verde p {
      font-size: 50px;
      text-shadow: -4px 3px #43aca9;
      -webkit-text-stroke: 1px #0cffea;
      color: transparent;
      font-family: Ruda Black;
      text-align: end;
      margin: -3% 50% 0 0; }
    .logo-verde img {
      margin: 20% 0 0 24%; }
  .text-one {
    font-size: 22px;
    margin: -7% 0 0 51%;
    font-family: Ruda Black; }
  .text-two {
    font-size: 22px;
    margin: 7% 49% 0 0;
    font-family: Ruda Black; }
  .text-one p, .text-two p {
    font-family: Ruda Black; }
  .text-three {
    font-size: 40px;
    background-color: #46a8a6;
    width: 90%; }
  .ideias-vivas {
    margin: -22% 0 0 90%;
    font-family: Ruda Black;
    font-size: 30px; }
  .first-banner {
    height: 565px;
    text-align: center; }
    .first-banner img {
      width: 100%; }
    .first-banner .opa {
      font-size: 180px;
      margin: -30% 70%;
      text-shadow: -8px 7px #43aca9;
      -webkit-text-stroke: 2px #0cffea;
      color: transparent;
      font-family: Ruda Black; }
    .first-banner .conexoes {
      color: white;
      font-size: 20px;
      font-family: Ruda Black;
      margin: 28% 10% 0 0; }
    .first-banner .relacionamento {
      color: white;
      font-size: 35px;
      font-family: Ruda Black;
      margin: 2% 9% 0 0; }
  .row {
    color: white;
    font-size: 18px;
    margin: 0 2%; }
    .row p {
      font-family: Ruda Black;
      margin: 0 15%; }
    .row h3 {
      color: #0cffea;
      padding: 13% 2% 0 0;
      font-family: Ruda Black;
      font-size: 50px;
      line-height: 1; }
    .row .novos-tempos {
      margin-right: 45%; }
    .row .novos-consumidores {
      margin-right: 14%; }
  .second-banner {
    height: 510px;
    text-align: center; }
    .second-banner img {
      width: 100%; }
    .second-banner h1 {
      font-size: 60px;
      color: #0cffea;
      margin: -24% 15% 0 62%;
      font-family: Ruda Black; }
  .bg-textos {
    height: 426px; }
    .bg-textos .text-one {
      font-size: 17px;
      margin: 51px 50% 0 0;
      padding: 4% 0 0 0;
      font-family: Ruda Black; }
    .bg-textos .text-two {
      padding-top: 8%;
      font-size: 21px;
      z-index: 1;
      position: absolute;
      margin: 0 31%; }
    .bg-textos .text-three {
      margin: 1% 10%;
      font-family: Ruda Black;
      z-index: 1;
      position: absolute; }
    .bg-textos img {
      height: 65%;
      margin: -4px 0 0 1084px; }
  .marcas {
    height: 300px;
    font-size: 37px; }
    .marcas .rabisco-marcas img {
      height: 100px;
      margin-left: 1103px; }
    .marcas .banner-marcas {
      margin-top: -4%; }
      .marcas .banner-marcas mark {
        background-color: transparent;
        color: #b2b2b2;
        font-family: Ruda Black; }
      .marcas .banner-marcas span {
        background-color: #b2b2b2;
        color: white; }
  footer {
    height: 275px;
    vertical-align: center; }
    footer .footer-bg {
      height: 100%; }
    footer .marca-footer p {
      font-family: Ruda Black;
      font-size: 20px;
      color: #0cffea;
      width: 100%;
      margin: 8% 0 0 -50%; }
    footer .marca-footer img {
      height: 150px;
      margin: -232px 0 0 270px; }
    footer .social-media-footer p {
      color: white;
      width: 65%;
      margin: 8% 20%;
      font-size: 15px; }
    footer .social-media-footer .social-media {
      width: 75%;
      margin: -7% 19% 0 0; }
      footer .social-media-footer .social-media img {
        width: 25%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 3%; } }

@media (min-width: 2000px) {
  .background {
    background: #35c5bf;
    height: 1765px; }
  .menu-logo .menu-nav {
    height: 410px; }
  .menu-logo li {
    margin-top: 3%; }
  .menu-logo .logo {
    width: 6.5%;
    margin: 2% 0 0 2%;
    z-index: 1; }
  .menu-logo .ilustracao {
    width: 55%;
    margin: 0 0 0 19%;
    position: absolute; }
  .menu-logo .social-media {
    margin: 0 5%;
    padding: 0; }
    .menu-logo .social-media img {
      width: 27%;
      margin: 20% 0 0 3%; }
    .menu-logo .social-media ul {
      width: 100%; }
  .menu-logo .menu {
    margin: 0 4.5%; }
  .fundo {
    z-index: 5; }
    .fundo p {
      margin: 2% 24% 0 53%;
      font-size: 25px;
      font-family: Ruda Black;
      position: absolute; }
  .rabisco {
    margin-top: 4%;
    opacity: 0.5; }
  .logo-verde {
    margin: -26% 0 0 0; }
    .logo-verde p {
      font-size: 50px;
      text-shadow: -4px 3px #43aca9;
      -webkit-text-stroke: 1px #0cffea;
      color: transparent;
      font-family: Ruda Black;
      text-align: end;
      margin: -3% 50% 0 0; }
    .logo-verde img {
      margin: 20% 0 0 24%; }
  .text-one {
    font-size: 22px;
    margin: -7% 0 0 51%;
    font-family: Ruda Black; }
  .text-two {
    font-size: 22px;
    margin: 7% 49% 0 0;
    font-family: Ruda Black; }
  .text-one p, .text-two p {
    font-family: Ruda Black; }
  .text-three {
    font-size: 40px;
    background-color: #46a8a6;
    width: 90%; }
  .ideias-vivas {
    margin: -22% 0 0 90%;
    font-family: Ruda Black; }
  .first-banner {
    height: 550px;
    text-align: center; }
    .first-banner img {
      width: 100%; }
    .first-banner .opa {
      font-size: 180px;
      margin: -30% 68%;
      text-shadow: -8px 7px #43aca9;
      -webkit-text-stroke: 2px #0cffea;
      color: transparent;
      font-family: Ruda Black; }
    .first-banner .conexoes {
      color: white;
      font-size: 20px;
      font-family: Ruda Black;
      margin: 28% 16% 0 0; }
    .first-banner .relacionamento {
      color: white;
      font-size: 35px;
      font-family: Ruda Black;
      margin: 2% 18% 0 0; }
  .row {
    color: white;
    font-size: 18px;
    margin: 0 2%; }
    .row p {
      font-family: Ruda Black;
      margin: 0 15%; }
    .row h3 {
      color: #0cffea;
      padding: 21% 2% 0 0;
      font-family: Ruda Black;
      font-size: 50px;
      line-height: 1; }
    .row .novos-tempos {
      margin-right: 45%; }
    .row .novos-consumidores {
      margin-right: 14%; }
  .second-banner {
    height: 510px;
    text-align: center; }
    .second-banner img {
      width: 100%; }
    .second-banner h1 {
      font-size: 60px;
      color: #0cffea;
      margin: -24% 16% 0 62%;
      font-family: Ruda Black; }
  .bg-textos {
    height: 500px; }
    .bg-textos .text-one {
      font-size: 17px;
      margin: 65px 50% 0 0;
      padding: 4% 0 0 0;
      font-family: Ruda Black; }
    .bg-textos .text-two {
      padding-top: 8%;
      font-size: 21px;
      z-index: 1;
      position: absolute;
      margin: 0 31%; }
    .bg-textos .text-three {
      margin: 1% 10%;
      font-family: Ruda Black;
      z-index: 1;
      position: absolute; }
    .bg-textos img {
      height: 65%;
      margin: 17px 0 0 1179px; }
  .marcas {
    height: 300px;
    font-size: 37px; }
    .marcas .rabisco-marcas img {
      height: 107px;
      margin-left: 1195px; }
    .marcas .banner-marcas {
      margin-top: -4%; }
      .marcas .banner-marcas mark {
        background-color: transparent;
        color: #b2b2b2;
        font-family: Ruda Black; }
      .marcas .banner-marcas span {
        background-color: #b2b2b2;
        color: white; }
  footer {
    height: 275px;
    vertical-align: center; }
    footer .footer-bg {
      height: 100%; }
    footer .marca-footer p {
      font-family: Ruda Black;
      font-size: 20px;
      color: #0cffea;
      width: 100%;
      margin: 8% 0 0 -43%; }
    footer .marca-footer img {
      height: 150px;
      margin: -232px 0 0 300px; }
    footer .social-media-footer p {
      color: white;
      width: 65%;
      margin: 8% 20%;
      font-size: 15px; }
    footer .social-media-footer .social-media {
      width: 75%;
      margin: -7% 19% 0 0; }
      footer .social-media-footer .social-media img {
        width: 25%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 3%; } }