* {
  box-sizing: border-box; }

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

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

body {
  background-color: black;
  opacity: 0.99; }

.background {
  z-index: 0; }

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

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

.menu {
  writing-mode: vertical-lr;
  transform: rotate(-180deg);
  color: white;
  display: inline;
  position: relative; }
  .menu a:hover {
    text-decoration: none;
    color: black;
    background-color: white; }

.main h1 {
  font-family: Ruda Black; }
  .main h1 .ml2 {
    font-weight: 900;
    font-size: 3.5em; }
  .main h1 .ml2 .letter {
    display: inline-block;
    line-height: 1em; }

.text-one mark {
  background-color: #0cffea;
  color: black;
  font-family: Ruda Black; }

.text-two h1 {
  color: white;
  font-family: Ruda Black; }

.list li {
  display: list-item;
  list-style: initial;
  color: white; }

.ideias-vivas {
  font-family: Ruda Black; }

.bg-textos .row {
  margin: 0; }
  .bg-textos .row h3 {
    color: #0cffea; }
  .bg-textos .row p {
    color: white; }
  .bg-textos .row h3, .bg-textos .row p {
    font-family: Ruda Black; }

.second-banner mark {
  background-color: black;
  color: #0cffea;
  font-family: Ruda Black; }

.bg-rabisco .row {
  margin: 0; }
  .bg-rabisco .row h1 {
    color: white;
    font-family: Ruda Black; }
    .bg-rabisco .row h1 mark {
      background-color: #0cffea;
      color: black; }

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

footer {
  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) {
  .rabisco img {
    position: absolute;
    z-index: 0; }
  .menu-logo .logo {
    position: relative;
    z-index: 1;
    width: 25%; }
  .menu-logo .social-media {
    position: relative;
    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-left: 14%; }
  .main h1 {
    font-size: 75px;
    margin: -45% 0 0 20%;
    -webkit-text-stroke: 1px #d0021b;
    color: #0cffea; }
  .list {
    padding-left: 30%; }
  .first-banner .banner-coca {
    display: none; }
  .bg-textos .row-one, .bg-textos .row-two {
    padding: 5% 8% 0 8%; }
    .bg-textos .row-one h3, .bg-textos .row-two h3 {
      font-size: 20px;
      line-height: 1; }
  .second-banner {
    height: 94px; }
    .second-banner .projetos {
      font-size: 13px;
      margin: -25% 50% 0 0;
      line-height: 0.15; }
      .second-banner .projetos .text-banner-one {
        margin-right: 3%; }
    .second-banner .economia p {
      display: none; }
  .bg-rabisco img {
    display: none; }
  .bg-rabisco .row-three h1 {
    font-size: 20px;
    line-height: 1.25;
    padding: 10% 12% 0 12%; }
  .marcas {
    height: 300px;
    background-color: white; }
    .marcas .banner-marcas {
      margin-top: 3%;
      padding-top: 10px;
      z-index: 2; }
      .marcas .banner-marcas p {
        font-size: 23px;
        font-family: Ruda Black;
        margin-top: 10%; }
      .marcas .banner-marcas mark {
        background-color: black;
        color: white; }
    .marcas .marcas-img img {
      width: 250px; }
  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: 345px) and (max-width: 359.99px) {
  .rabisco img {
    position: absolute;
    z-index: 0; }
  .menu-logo .logo {
    position: relative;
    z-index: 1;
    width: 25%; }
  .menu-logo .social-media {
    position: relative;
    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-left: 14%; }
  .main .live-mkt-shadow {
    display: none; }
  .main h1 {
    font-size: 75px;
    margin: -40% 0 0 20%;
    -webkit-text-stroke: 1px #d0021b;
    color: #0cffea; }
  .list {
    padding-left: 30%; }
  .ideias-vivas {
    margin-left: 5%; }
  .first-banner .banner-coca {
    display: none; }
  .bg-textos .row-one, .bg-textos .row-two {
    padding: 7% 10% 0 10%; }
    .bg-textos .row-one h3, .bg-textos .row-two h3 {
      font-size: 20px;
      line-height: 1; }
  .second-banner {
    height: 100px; }
    .second-banner .projetos {
      font-size: 14px;
      margin: -25% 50% 0 0;
      line-height: 0.15; }
      .second-banner .projetos .text-banner-one {
        margin-right: 3%; }
    .second-banner .economia p {
      display: none; }
  .bg-rabisco img {
    display: none; }
  .bg-rabisco .row-three h1 {
    font-size: 20px;
    line-height: 1.25;
    padding: 10% 12% 0 12%; }
  .marcas {
    height: 300px;
    background-color: white; }
    .marcas .banner-marcas {
      margin-top: 3%;
      padding-top: 10px;
      z-index: 2; }
      .marcas .banner-marcas p {
        font-size: 23px;
        font-family: Ruda Black;
        margin-top: 10%; }
      .marcas .banner-marcas mark {
        background-color: black;
        color: white; }
    .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) {
  .rabisco img {
    position: absolute;
    z-index: 0; }
  .menu-logo .logo {
    position: relative;
    z-index: 1;
    width: 25%; }
  .menu-logo .social-media {
    position: relative;
    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-left: 14%; }
  .main h1 {
    font-size: 75px;
    margin: -35% 0 0 20%;
    -webkit-text-stroke: 1px #d0021b;
    color: #0cffea; }
  .list {
    padding-left: 30%; }
  .ideias-vivas {
    margin-left: 5%; }
  .first-banner .banner-coca {
    display: none; }
  .bg-textos .row-one, .bg-textos .row-two {
    padding: 7% 10% 0 10%; }
    .bg-textos .row-one h3, .bg-textos .row-two h3 {
      font-size: 20px;
      line-height: 1; }
  .second-banner {
    height: 105px; }
    .second-banner .projetos {
      font-size: 15px;
      margin: -24% 55% 0 0;
      line-height: 0.15; }
      .second-banner .projetos .text-banner-one {
        margin-right: 3%; }
    .second-banner .economia p {
      display: none; }
  .bg-rabisco img {
    display: none; }
  .bg-rabisco .row-three h1 {
    font-size: 20px;
    line-height: 1.25;
    padding: 10% 12% 0 12%; }
  .marcas {
    height: 300px;
    background-color: white; }
    .marcas .banner-marcas {
      margin-top: 3%;
      padding-top: 10px;
      z-index: 2; }
      .marcas .banner-marcas p {
        font-size: 23px;
        font-family: Ruda Black;
        margin-top: 10%; }
      .marcas .banner-marcas mark {
        background-color: black;
        color: white; }
    .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: 375px) and (max-width: 400.98px) {
  .rabisco img {
    position: absolute;
    z-index: 0; }
  .menu-logo .logo {
    position: relative;
    z-index: 1;
    width: 20%; }
  .menu-logo .social-media {
    position: relative;
    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-left: 12%; }
  .main h1 {
    font-size: 76px;
    margin: -30% 0 0 20%;
    -webkit-text-stroke: 1px #d0021b;
    color: #0cffea; }
  .list {
    padding-left: 30%; }
  .ideias-vivas {
    margin-left: 5%; }
  .first-banner .banner-coca {
    display: none; }
  .bg-textos .row-one, .bg-textos .row-two {
    padding: 7% 10% 0 10%; }
    .bg-textos .row-one h3, .bg-textos .row-two h3 {
      font-size: 20px;
      line-height: 1; }
  .second-banner {
    height: 110px; }
    .second-banner .projetos {
      font-size: 15px;
      margin: -23% 55% 0 0;
      line-height: 0.15; }
      .second-banner .projetos .text-banner-one {
        margin-right: 3%; }
    .second-banner .economia p {
      display: none; }
  .bg-rabisco img {
    display: none; }
  .bg-rabisco .row-three h1 {
    font-size: 23px;
    line-height: 1.25;
    padding: 10% 12% 0 12%; }
  .marcas {
    height: 300px;
    background-color: white; }
    .marcas .banner-marcas {
      margin-top: 2%;
      padding-top: 10px;
      z-index: 2; }
      .marcas .banner-marcas p {
        font-size: 25px;
        font-family: Ruda Black;
        margin-top: 5%; }
      .marcas .banner-marcas mark {
        background-color: black;
        color: white; }
    .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) {
  .rabisco img {
    position: absolute;
    z-index: 0; }
  .menu-logo .logo {
    position: relative;
    z-index: 1;
    width: 20%; }
  .menu-logo .social-media {
    position: relative;
    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-left: 12%; }
  .main h1 {
    font-size: 85px;
    margin: -25% 0 0 20%;
    -webkit-text-stroke: 1px #d0021b;
    color: #0cffea; }
  .list {
    padding-left: 30%; }
  .ideias-vivas {
    margin-left: 5%; }
  .first-banner .banner-coca {
    display: none; }
  .bg-textos .row-one, .bg-textos .row-two {
    padding: 10% 15% 0 13%; }
    .bg-textos .row-one h3, .bg-textos .row-two h3 {
      font-size: 20px;
      line-height: 1; }
  .second-banner {
    height: 115px; }
    .second-banner .projetos {
      font-size: 15px;
      margin: -25% 55% 0 0;
      line-height: 0.15; }
      .second-banner .projetos .text-banner-one {
        margin-right: 3%; }
    .second-banner .economia p {
      display: none; }
  .bg-rabisco img {
    display: none; }
  .bg-rabisco .row-three h1 {
    font-size: 23px;
    line-height: 1.25;
    padding: 10% 12% 0 12%; }
  .marcas {
    height: 300px;
    background-color: white; }
    .marcas .banner-marcas {
      padding-top: 10px;
      z-index: 2; }
      .marcas .banner-marcas p {
        font-size: 27px;
        font-family: Ruda Black;
        margin-top: 6%; }
      .marcas .banner-marcas mark {
        background-color: black;
        color: white; }
    .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) {
  .rabisco img {
    position: absolute;
    z-index: 0; }
  .menu-logo .logo {
    position: relative;
    z-index: 1;
    width: 18%; }
  .menu-logo .social-media {
    position: relative;
    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-left: 11%; }
  .main h1 {
    position: relative;
    font-size: 88px;
    margin: -20% 0 0 20%;
    -webkit-text-stroke: 1px #d0021b;
    color: #0cffea; }
  .list {
    padding-left: 30%; }
  .ideias-vivas {
    margin-left: 5%; }
  .first-banner .banner-coca {
    display: none; }
  .bg-textos .row-one, .bg-textos .row-two {
    padding: 10% 15% 0 15%; }
    .bg-textos .row-one h3, .bg-textos .row-two h3 {
      font-size: 20px;
      line-height: 1; }
  .second-banner {
    height: 120px; }
    .second-banner .projetos {
      font-size: 15px;
      margin: -23% 56% 0 0;
      line-height: 0.15; }
      .second-banner .projetos .text-banner-one {
        margin-right: 3%; }
    .second-banner .economia p {
      display: none; }
  .bg-rabisco img {
    display: none; }
  .bg-rabisco .row-three h1 {
    font-size: 23px;
    line-height: 1.25;
    padding: 6% 12% 0 12%; }
  .marcas {
    height: 300px;
    background-color: white; }
    .marcas .banner-marcas {
      padding-top: 10px;
      z-index: 2; }
      .marcas .banner-marcas p {
        font-size: 29px;
        font-family: Ruda Black;
        margin-top: 5%; }
      .marcas .banner-marcas mark {
        background-color: black;
        color: white; }
    .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) {
  .rabisco img {
    position: absolute;
    z-index: 0; }
  .menu-logo .logo {
    position: relative;
    z-index: 1;
    width: 18%; }
  .menu-logo .social-media {
    position: relative;
    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-left: 11.5%; }
  .main h1 {
    font-size: 88px;
    margin: -10% 0 0 30%;
    -webkit-text-stroke: 1px #d0021b;
    color: #0cffea; }
  .list {
    padding-left: 30%; }
  .ideias-vivas {
    margin-left: 5%; }
  .first-banner .banner-coca {
    display: none; }
  .bg-textos .row-one, .bg-textos .row-two {
    padding: 10% 13% 0 13%; }
    .bg-textos .row-one h3, .bg-textos .row-two h3 {
      font-size: 25px;
      line-height: 1; }
  .second-banner {
    height: 135px; }
    .second-banner .projetos {
      font-size: 17px;
      margin: -23% 56% 0 0;
      line-height: 0.25; }
      .second-banner .projetos .text-banner-one {
        margin-right: 3%; }
    .second-banner .economia p {
      display: none; }
  .bg-rabisco img {
    display: none; }
  .bg-rabisco .row-three h1 {
    font-size: 23px;
    line-height: 1.25;
    padding: 8% 20% 3% 20%; }
  .marcas {
    height: 320px;
    background-color: white; }
    .marcas .banner-marcas {
      padding-top: 10px;
      z-index: 2; }
      .marcas .banner-marcas p {
        font-size: 32px;
        font-family: Ruda Black;
        margin-top: 4%; }
      .marcas .banner-marcas mark {
        background-color: black;
        color: white; }
    .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) {
  .rabisco img {
    position: absolute;
    z-index: 0; }
  .menu-logo .logo {
    position: relative;
    z-index: 1;
    width: 17%; }
  .menu-logo .social-media {
    position: relative;
    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-left: 11%; }
  .main h1 {
    position: relative;
    font-size: 88px;
    margin: -20% 0 0 30%;
    -webkit-text-stroke: 1px #d0021b;
    color: #0cffea; }
  .list {
    padding-left: 55%; }
  .ideias-vivas {
    margin-left: 5%; }
  .first-banner .banner-coca-mobile {
    display: none; }
  .bg-textos .row-one, .bg-textos .row-two {
    padding: 7% 15% 0 15%; }
    .bg-textos .row-one h3, .bg-textos .row-two h3 {
      font-size: 25px;
      line-height: 1; }
  .second-banner {
    height: 145px; }
    .second-banner .projetos {
      font-size: 17px;
      margin: -23% 56% 0 0;
      line-height: 0.25; }
      .second-banner .projetos .text-banner-one {
        margin-right: 3%; }
    .second-banner .economia p {
      display: none; }
  .bg-rabisco img {
    display: none; }
  .bg-rabisco .row-three h1 {
    font-size: 25px;
    line-height: 1.25;
    padding: 6% 17% 0 17%; }
  .marcas {
    height: 320px;
    background-color: white; }
    .marcas .banner-marcas {
      padding-top: 10px;
      z-index: 2; }
      .marcas .banner-marcas p {
        font-size: 26px;
        font-family: Ruda Black;
        margin-top: 4%; }
      .marcas .banner-marcas mark {
        background-color: black;
        color: white; }
    .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) {
  .rabisco img {
    position: absolute;
    z-index: 0; }
  .menu-logo .logo {
    position: relative;
    z-index: 1;
    width: 16%; }
  .menu-logo .social-media {
    position: relative;
    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-left: 11%; }
  .main h1 {
    font-size: 100px;
    margin: -34% 0 0 40%;
    position: relative;
    -webkit-text-stroke: 1px #d0021b;
    color: #0cffea; }
  .text-one {
    padding-left: 15%; }
  .list {
    padding-left: 55%; }
  .ideias-vivas {
    margin-left: 5%; }
  .first-banner .banner-coca-mobile {
    display: none; }
  .bg-textos .row-one, .bg-textos .row-two {
    padding: 7% 15% 0 15%; }
    .bg-textos .row-one h3, .bg-textos .row-two h3 {
      font-size: 25px;
      line-height: 1; }
  .second-banner {
    height: 155px; }
    .second-banner .projetos {
      font-size: 20px;
      margin: -23% 56% 0 0;
      line-height: 0.25; }
      .second-banner .projetos .text-banner-one {
        margin-right: 3%; }
    .second-banner .economia p {
      display: none; }
  .bg-rabisco img {
    display: none; }
  .bg-rabisco .row-three h1 {
    font-size: 25px;
    line-height: 1.25;
    padding: 6% 17% 0 17%; }
  .marcas {
    height: 320px;
    background-color: white; }
    .marcas .banner-marcas {
      padding-top: 10px;
      z-index: 2; }
      .marcas .banner-marcas p {
        font-size: 26px;
        font-family: Ruda Black;
        margin-top: 4%; }
      .marcas .banner-marcas mark {
        background-color: black;
        color: white; }
    .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) {
  .rabisco img {
    position: absolute;
    z-index: 0; }
  .menu-logo .logo {
    position: relative;
    z-index: 1;
    width: 14%; }
  .menu-logo .social-media {
    position: relative;
    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-left: 10%; }
  .main h1 {
    font-size: 100px;
    margin: -45% 0 0 32%;
    position: relative;
    -webkit-text-stroke: 1px #d0021b;
    color: #0cffea; }
  .text-one {
    padding-left: 25%;
    position: relative; }
  .text-two {
    position: relative; }
  .list {
    padding-left: 55%; }
  .ideias-vivas {
    margin-left: 5%; }
  .first-banner .banner-coca-mobile {
    display: none; }
  .bg-textos .row-one, .bg-textos .row-two {
    padding: 7% 2% 0 2%; }
    .bg-textos .row-one h3, .bg-textos .row-two h3 {
      font-size: 22px;
      line-height: 1; }
  .second-banner {
    height: 170px; }
    .second-banner .projetos {
      font-size: 20px;
      margin: -23% 56% 0 0;
      line-height: 0.25; }
      .second-banner .projetos .text-banner-one {
        margin-right: 3%; }
    .second-banner .economia p {
      display: none; }
  .bg-rabisco img {
    display: none; }
  .bg-rabisco .row-three h1 {
    font-size: 20px;
    line-height: 1.25;
    padding: 20% 0 0 5%; }
    .bg-rabisco .row-three h1 mark {
      padding-left: 10%; }
  .marcas {
    height: 320px;
    background-color: white; }
    .marcas .banner-marcas {
      padding-top: 10px;
      z-index: 2; }
      .marcas .banner-marcas p {
        font-size: 26px;
        font-family: Ruda Black;
        margin-top: 4%; }
      .marcas .banner-marcas mark {
        background-color: black;
        color: white; }
    .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: 611px) and (max-width: 645.98px) {
  .rabisco img {
    position: absolute;
    z-index: 0; }
  .menu-logo .logo {
    position: relative;
    z-index: 1;
    width: 14%; }
  .menu-logo .social-media {
    position: relative;
    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-left: 10%; }
  .main h1 {
    font-size: 105px;
    margin: -45% 0 0 32%;
    position: relative;
    -webkit-text-stroke: 1px #d0021b;
    color: #0cffea; }
  .text-one {
    padding-left: 25%;
    position: relative; }
  .text-two {
    position: relative; }
  .list {
    padding-left: 55%; }
  .ideias-vivas {
    margin-left: 5%; }
  .first-banner .banner-coca-mobile {
    display: none; }
  .bg-textos .row-one, .bg-textos .row-two {
    padding: 5% 5% 0 3%; }
    .bg-textos .row-one h3, .bg-textos .row-two h3 {
      font-size: 22px;
      line-height: 1; }
  .second-banner {
    height: 180px; }
    .second-banner .projetos {
      font-size: 20px;
      margin: -23% 56% 0 0;
      line-height: 0.5; }
      .second-banner .projetos .text-banner-one {
        margin-right: 3%; }
    .second-banner .economia p {
      display: none; }
  .bg-rabisco img {
    display: none; }
  .bg-rabisco .row-three h1 {
    font-size: 20px;
    line-height: 1.25;
    padding: 20% 0 0 14%; }
    .bg-rabisco .row-three h1 mark {
      padding-left: 10%; }
  .marcas {
    height: 320px;
    background-color: white;
    font-size: 22px; }
    .marcas .banner-marcas {
      padding-top: 10px;
      z-index: 2; }
      .marcas .banner-marcas p {
        font-size: 26px;
        font-family: Ruda Black;
        margin-top: 4%; }
      .marcas .banner-marcas mark {
        background-color: black;
        color: white; }
    .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) {
  .rabisco img {
    position: absolute;
    z-index: 0; }
  .menu-logo .logo {
    position: relative;
    z-index: 1;
    width: 13%; }
  .menu-logo .social-media {
    position: relative;
    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-left: 9.5%; }
  .main h1 {
    font-size: 110px;
    margin: -40% 0 0 32%;
    position: relative;
    -webkit-text-stroke: 1px #d0021b;
    color: #0cffea; }
  .text-one {
    padding-left: 25%;
    position: relative; }
  .text-two {
    position: relative; }
  .list {
    padding-left: 55%; }
  .ideias-vivas {
    margin-left: 5%; }
  .first-banner .banner-coca-mobile {
    display: none; }
  .bg-textos .row-one, .bg-textos .row-two {
    padding: 5% 5% 0 4%; }
    .bg-textos .row-one h3, .bg-textos .row-two h3 {
      font-size: 23px;
      line-height: 1.25; }
  .second-banner {
    height: 190px; }
    .second-banner .projetos {
      font-size: 20px;
      margin: -23% 58% 0 0;
      line-height: 0.5; }
      .second-banner .projetos .text-banner-one {
        margin-right: 3%; }
    .second-banner .economia p {
      display: none; }
  .bg-rabisco img {
    display: none; }
  .bg-rabisco .row-three h1 {
    font-size: 21px;
    line-height: 1.25;
    padding: 20% 0 0 12%; }
    .bg-rabisco .row-three h1 mark {
      padding-left: 10%; }
  .marcas {
    height: 320px;
    background-color: white;
    font-size: 22px; }
    .marcas .banner-marcas {
      padding-top: 10px;
      z-index: 2; }
      .marcas .banner-marcas p {
        font-size: 26px;
        font-family: Ruda Black;
        margin-top: 4%; }
      .marcas .banner-marcas mark {
        background-color: black;
        color: white; }
    .marcas .marcas-img img {
      width: 250px; }
  footer .footer-bg {
    height: 300px; }
  footer .marca-footer p {
    display: none; }
  footer .marca-footer img {
    margin: 55% 34%;
    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) {
  .rabisco img {
    position: absolute;
    z-index: 0; }
  .menu-logo .logo {
    position: relative;
    z-index: 1;
    width: 12.5%; }
  .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-left: 9.5%; }
  .main h1 {
    font-size: 120px;
    margin: -35% 0 0 32%;
    position: relative;
    -webkit-text-stroke: 1px #d0021b;
    color: #0cffea; }
  .text-one {
    padding-left: 25%;
    position: relative; }
  .text-two {
    position: relative; }
  .list {
    padding-left: 55%; }
  .ideias-vivas {
    margin-left: 5%; }
  .first-banner .banner-coca-mobile {
    display: none; }
  .bg-textos .row-one, .bg-textos .row-two {
    padding: 3% 3% 0 3%; }
    .bg-textos .row-one h3, .bg-textos .row-two h3 {
      font-size: 26px;
      line-height: 1; }
  .second-banner {
    height: 195px; }
    .second-banner .projetos {
      font-size: 22px;
      margin: -24% 58% 0 0;
      line-height: 0.75; }
      .second-banner .projetos .text-banner-one {
        margin-right: 3%; }
    .second-banner .economia p {
      display: none; }
  .bg-rabisco img {
    display: none; }
  .bg-rabisco .row-three h1 {
    font-size: 22px;
    line-height: 1.5;
    padding: 25% 0 0 16%; }
    .bg-rabisco .row-three h1 mark {
      padding-left: 10%; }
  .marcas {
    height: 250px;
    background-color: white;
    font-size: 22px; }
    .marcas .banner-marcas {
      padding-top: 10px;
      z-index: 2; }
      .marcas .banner-marcas p {
        font-size: 26px;
        font-family: Ruda Black;
        margin-top: 2%; }
      .marcas .banner-marcas mark {
        background-color: black;
        color: white; }
    .marcas .marcas-img img {
      width: 250px; }
  footer .footer-bg {
    height: 300px; }
  footer .marca-footer p {
    display: none; }
  footer .marca-footer img {
    margin: 55% 34%;
    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) {
  .rabisco img {
    position: absolute;
    z-index: 0; }
  .menu-logo .logo {
    position: relative;
    width: 12%;
    z-index: 1; }
  .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-left: 9%; }
  .main h1 {
    font-size: 125px;
    margin: -35% 0 0 32%;
    position: relative;
    -webkit-text-stroke: 1.5px #d0021b;
    color: #0cffea; }
  .text-one {
    padding-left: 25%;
    position: relative; }
  .text-two {
    position: relative; }
  .list {
    padding-left: 55%; }
  .ideias-vivas {
    margin-left: 5%; }
  .first-banner .banner-coca-mobile {
    display: none; }
  .bg-textos .row-one, .bg-textos .row-two {
    padding: 3% 3% 0 3%; }
    .bg-textos .row-one h3, .bg-textos .row-two h3 {
      font-size: 28px;
      line-height: 1; }
  .second-banner {
    height: 210px; }
    .second-banner .projetos {
      font-size: 22px;
      margin: -23% 59% 0 0;
      line-height: 0.75; }
      .second-banner .projetos .text-banner-one {
        margin-right: 3%; }
    .second-banner .economia p {
      display: none; }
  .bg-rabisco img {
    position: absolute;
    width: 25%;
    margin: 5% 0 0 57%;
    opacity: 0.8; }
  .bg-rabisco .row-three h1 {
    font-size: 23px;
    line-height: 1.25;
    padding: 25% 0 0 14%; }
    .bg-rabisco .row-three h1 mark {
      padding-left: 10%; }
  .marcas {
    height: 250px;
    background-color: white;
    font-size: 22px; }
    .marcas .banner-marcas {
      margin-top: 5%;
      color: #b2b2b2; }
      .marcas .banner-marcas mark {
        background-color: transparent; }
    .marcas p {
      position: relative;
      padding-top: 2%;
      font-family: Ruda Black; }
    .marcas span {
      background-color: #b2b2b2;
      color: white; }
  footer .footer-bg {
    height: 300px; }
  footer .marca-footer p {
    display: none; }
  footer .marca-footer img {
    margin: 60% 34%;
    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) {
  .rabisco img {
    position: absolute;
    z-index: 0; }
  .menu-logo .logo {
    position: relative;
    width: 12%;
    z-index: 1; }
  .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-left: 9.5%; }
  .main h1 {
    font-size: 130px;
    margin: -35% 0 0 32%;
    position: relative;
    -webkit-text-stroke: 1.5px #d0021b;
    color: #0cffea; }
  .text-one {
    padding-left: 25%;
    position: relative; }
  .text-two {
    position: relative; }
  .list {
    padding-left: 55%; }
  .ideias-vivas {
    margin-left: 5%; }
  .first-banner .banner-coca-mobile {
    display: none; }
  .bg-textos .row-one, .bg-textos .row-two {
    padding: 3% 4% 0 4%; }
    .bg-textos .row-one h3, .bg-textos .row-two h3 {
      font-size: 28px;
      line-height: 1; }
  .second-banner {
    height: 225px; }
    .second-banner .projetos {
      font-size: 22px;
      margin: -23% 59% 0 0;
      line-height: 0.75; }
      .second-banner .projetos .text-banner-one {
        margin-right: 3%; }
    .second-banner .economia p {
      display: none; }
  .bg-rabisco img {
    position: absolute;
    width: 29%;
    margin-left: 55%;
    opacity: 0.8; }
  .bg-rabisco .row-three h1 {
    font-size: 23px;
    line-height: 1.25;
    padding: 25% 0 0 16%; }
    .bg-rabisco .row-three h1 mark {
      padding-left: 10%; }
  .marcas {
    height: 250px;
    background-color: white;
    font-size: 24px;
    position: static; }
    .marcas .banner-marcas {
      margin-top: 5%;
      color: #b2b2b2; }
      .marcas .banner-marcas mark {
        background-color: transparent; }
    .marcas p {
      position: relative;
      padding-top: 2%;
      font-family: Ruda Black; }
    .marcas span {
      background-color: #b2b2b2;
      color: white; }
  footer .footer-bg {
    height: 300px; }
  footer .marca-footer p {
    display: none; }
  footer .marca-footer img {
    margin: 60% 34%;
    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) {
  .rabisco img {
    position: absolute;
    z-index: 0; }
  .menu-logo .logo {
    position: relative;
    z-index: 1;
    width: 11%; }
  .menu-logo .social-media {
    position: relative;
    width: 30%;
    padding: 0; }
    .menu-logo .social-media img {
      margin: 15% 0 0 3%; }
    .menu-logo .social-media ul {
      width: 100%; }
    .menu-logo .social-media ul {
      width: 100%; }
  .menu-logo .menu {
    margin-left: 9%; }
  .main h1 {
    font-size: 130px;
    margin: -35% 0 0 40%;
    position: relative;
    -webkit-text-stroke: 1.5px #d0021b;
    color: #0cffea; }
  .text-one {
    padding-left: 25%; }
  .text-one, .text-two, .list {
    position: relative; }
  .list {
    padding-left: 55%; }
  .ideias-vivas {
    margin-left: 5%; }
  .first-banner .banner-coca-mobile {
    display: none; }
  .bg-textos .row-one, .bg-textos .row-two {
    padding: 3% 4% 0 4%; }
    .bg-textos .row-one h3, .bg-textos .row-two h3 {
      font-size: 28px;
      line-height: 1; }
  .second-banner {
    height: 225px; }
    .second-banner .projetos {
      font-size: 22px;
      margin: -23% 59% 0 0;
      line-height: 0.75; }
      .second-banner .projetos .text-banner-one {
        margin-right: 3%; }
    .second-banner .economia p {
      display: none; }
  .bg-rabisco img {
    position: absolute;
    width: 25%;
    margin: 4% 0 0 57%;
    opacity: 0.8; }
  .bg-rabisco .row-three h1 {
    font-size: 23px;
    line-height: 1.25;
    padding: 25% 0 0 16%; }
    .bg-rabisco .row-three h1 mark {
      padding-left: 10%; }
  .marcas {
    height: 250px;
    background-color: white;
    font-size: 24px; }
    .marcas .banner-marcas {
      margin-top: 5%;
      color: #b2b2b2; }
      .marcas .banner-marcas mark {
        background-color: transparent; }
    .marcas p {
      position: relative;
      padding-top: 2%;
      font-family: Ruda Black; }
    .marcas span {
      background-color: #b2b2b2;
      color: white; }
  footer .footer-bg {
    height: 300px; }
  footer .marca-footer p {
    display: none; }
  footer .marca-footer img {
    margin: 60% 34%;
    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) {
  .rabisco img {
    position: absolute;
    z-index: 0; }
  .menu-logo .logo {
    position: relative;
    z-index: 1;
    width: 11%; }
  .menu-logo .social-media {
    position: relative;
    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-left: 9%; }
  .main .live-mkt {
    font-size: 154px;
    margin: -372px 150px 0 150px;
    position: relative;
    text-shadow: -4px 4px #0cffea, -1px 7px #d0021b;
    -webkit-text-stroke: 1px #0cffea;
    color: transparent; }
  .text-one {
    padding-left: 25%;
    position: relative; }
  .text-two {
    position: relative; }
  .list {
    padding-left: 55%;
    position: relative; }
  .ideias-vivas {
    margin: 5%; }
  .first-banner .banner-coca-mobile {
    display: none; }
  .bg-textos .row-one, .bg-textos .row-two {
    padding: 3% 5%; }
    .bg-textos .row-one h3, .bg-textos .row-two h3 {
      font-size: 28px;
      line-height: 1; }
  .second-banner {
    height: 240px; }
    .second-banner .projetos {
      font-size: 22px;
      margin: -23% 59% 0 0;
      line-height: 0.75; }
      .second-banner .projetos .text-banner-one {
        margin-right: 3%; }
    .second-banner .economia p {
      display: none; }
  .bg-rabisco img {
    position: absolute;
    width: 25%;
    margin: 4% 0 0 57%;
    opacity: 0.8; }
  .bg-rabisco .row-three h1 {
    font-size: 23px;
    line-height: 1.25;
    padding: 27% 0 0 28%; }
    .bg-rabisco .row-three h1 mark {
      padding-left: 10%; }
  .marcas {
    height: 250px;
    background-color: white;
    font-size: 24px;
    position: static; }
    .marcas .banner-marcas {
      margin-top: 5%;
      color: #b2b2b2; }
      .marcas .banner-marcas mark {
        background-color: transparent; }
    .marcas p {
      position: relative;
      padding-top: 2%;
      font-family: Ruda Black; }
    .marcas span {
      background-color: #b2b2b2;
      color: white; }
  footer .footer-bg {
    height: 300px; }
  footer .marca-footer p {
    display: none; }
  footer .marca-footer img {
    margin: 75% 34%;
    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) {
  .rabisco img {
    position: absolute;
    z-index: 0; }
  .menu-logo .logo {
    position: relative;
    z-index: 1;
    width: 11%; }
  .menu-logo .social-media {
    position: relative;
    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-left: 9%; }
  .main .live-mkt {
    font-size: 154px;
    margin: -370px 150px 0 150px;
    position: relative;
    text-shadow: -4px 4px #0cffea, -1px 7px #d0021b;
    -webkit-text-stroke: 1px #0cffea;
    color: transparent; }
  .text-one {
    padding-left: 25%;
    position: relative; }
  .text-two {
    position: relative; }
  .list {
    padding-left: 55%;
    position: relative; }
  .ideias-vivas {
    margin: 5%; }
  .first-banner .banner-coca-mobile {
    display: none; }
  .bg-textos .row-one, .bg-textos .row-two {
    padding: 3% 5%; }
    .bg-textos .row-one h3, .bg-textos .row-two h3 {
      font-size: 28px;
      line-height: 1; }
  .second-banner {
    height: 260px; }
    .second-banner .projetos {
      font-size: 22px;
      margin: -23% 59% 0 0;
      line-height: 0.75; }
      .second-banner .projetos .text-banner-one {
        margin-right: 3%; }
    .second-banner .economia p {
      display: none; }
  .bg-rabisco img {
    position: absolute;
    width: 25%;
    margin: 4% 0 0 57%;
    opacity: 0.8; }
  .bg-rabisco .row-three h1 {
    font-size: 23px;
    line-height: 1.25;
    padding: 27% 0 0 28%; }
    .bg-rabisco .row-three h1 mark {
      padding-left: 10%; }
  .marcas {
    height: 250px;
    background-color: white;
    font-size: 26px;
    position: static; }
    .marcas .banner-marcas {
      margin-top: 5%;
      color: #b2b2b2; }
      .marcas .banner-marcas mark {
        background-color: transparent; }
    .marcas p {
      position: relative;
      padding-top: 2%;
      font-family: Ruda Black; }
    .marcas span {
      background-color: #b2b2b2;
      color: white; }
  footer .footer-bg {
    height: 300px; }
  footer .marca-footer p {
    display: none; }
  footer .marca-footer img {
    margin: 60% 34%;
    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) {
  .rabisco img {
    position: absolute;
    z-index: 0; }
  .menu-logo .logo {
    position: relative;
    z-index: 1;
    width: 10%; }
  .menu-logo .social-media {
    position: relative;
    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-left: 9%; }
  .main .live-mkt {
    font-size: 154px;
    margin: -365px 200px 0 200px;
    position: relative;
    text-shadow: -4px 4px #0cffea, -1px 7px #d0021b;
    -webkit-text-stroke: 1px #0cffea;
    color: transparent; }
  .text-one {
    padding-left: 25%;
    position: relative;
    font-size: 20px; }
  .text-two {
    position: relative; }
  .list {
    padding-left: 55%;
    position: relative; }
  .ideias-vivas {
    margin: 5%; }
  .first-banner .banner-coca-mobile {
    display: none; }
  .bg-textos .row-one, .bg-textos .row-two {
    padding: 3% 3%; }
    .bg-textos .row-one h3, .bg-textos .row-two h3 {
      font-size: 28px;
      line-height: 1; }
  .second-banner {
    height: 275px; }
    .second-banner .projetos {
      font-size: 22px;
      margin: -27% 59% 0 0;
      line-height: 0.75; }
      .second-banner .projetos .text-banner-one {
        margin-right: 3%; }
    .second-banner .economia p {
      color: white;
      margin-left: 20%; }
  .bg-rabisco img {
    position: absolute;
    width: 25%;
    margin: 4% 0 0 57%;
    opacity: 0.8; }
  .bg-rabisco .row-three h1 {
    font-size: 23px;
    line-height: 1.25;
    padding: 27% 0 0 28%; }
    .bg-rabisco .row-three h1 mark {
      padding-left: 10%; }
  .marcas {
    height: 250px;
    background-color: white;
    font-size: 26px;
    position: static; }
    .marcas .banner-marcas {
      margin-top: 5%;
      color: #b2b2b2; }
      .marcas .banner-marcas mark {
        background-color: transparent; }
    .marcas p {
      position: relative;
      padding-top: 2%;
      font-family: Ruda Black; }
    .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: 971px) and (max-width: 1010.98px) {
  .rabisco img {
    position: absolute;
    z-index: 0; }
  .menu-logo .menu-nav {
    height: 410px; }
  .menu-logo li {
    margin-top: 3%; }
  .menu-logo .logo {
    position: relative;
    z-index: 1;
    width: 8%; }
  .menu-logo .social-media {
    position: relative;
    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-left: 7.75%; }
  .main .live-mkt {
    font-size: 165px;
    margin: -350px 200px 0 200px;
    position: relative;
    text-shadow: -4px 4px #0cffea, -1px 7px #d0021b;
    -webkit-text-stroke: 1px #0cffea;
    color: transparent; }
  .text-one {
    padding-left: 25%;
    position: relative;
    font-size: 20px; }
  .text-two {
    position: relative; }
  .list {
    padding-left: 55%;
    position: relative; }
  .ideias-vivas {
    margin: 5%; }
  .first-banner .banner-coca-mobile {
    display: none; }
  .bg-textos .row-one, .bg-textos .row-two {
    padding: 3% 3%; }
    .bg-textos .row-one h3, .bg-textos .row-two h3 {
      font-size: 28px;
      line-height: 1; }
  .second-banner {
    height: 285px; }
    .second-banner .projetos {
      font-size: 22px;
      margin: -27% 59% 0 0;
      line-height: 0.75; }
      .second-banner .projetos .text-banner-one {
        margin-right: 3%; }
    .second-banner .economia p {
      color: white;
      margin-left: 20%; }
  .bg-rabisco img {
    position: absolute;
    width: 25%;
    margin: 4% 0 0 57%;
    opacity: 0.8; }
  .bg-rabisco .row-three h1 {
    font-size: 26px;
    line-height: 1.25;
    padding: 27% 15% 0 15%; }
    .bg-rabisco .row-three h1 mark {
      padding-left: 10%; }
  .marcas {
    height: 250px;
    background-color: white;
    font-size: 28px;
    position: static; }
    .marcas .banner-marcas {
      margin-top: 5%;
      color: #b2b2b2; }
      .marcas .banner-marcas mark {
        background-color: transparent; }
    .marcas p {
      position: relative;
      padding-top: 2%;
      font-family: Ruda Black; }
    .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: white;
      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) {
  .rabisco img {
    position: absolute;
    z-index: 0;
    width: 75%;
    margin: 0 10%; }
  .menu-logo .menu-nav {
    height: 410px; }
  .menu-logo li {
    margin-top: 3%; }
  .menu-logo .logo {
    position: relative;
    z-index: 1;
    width: 8%; }
  .menu-logo .social-media {
    position: relative;
    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-left: 7.75%; }
  .main .live-mkt {
    font-size: 210px;
    margin: -350px 197px 0 0;
    position: relative;
    text-shadow: -4px 4px #0cffea, -1px 7px #d0021b;
    -webkit-text-stroke: 1px #0cffea;
    color: transparent; }
  .text-one {
    padding-left: 25%;
    position: relative;
    font-size: 27px; }
  .text-two {
    position: relative; }
  .list {
    padding-left: 55%;
    position: relative; }
  .ideias-vivas {
    margin: 5%; }
  .first-banner .banner-coca-mobile {
    display: none; }
  .bg-textos .row-one, .bg-textos .row-two {
    padding: 3% 7%; }
    .bg-textos .row-one h3, .bg-textos .row-two h3 {
      font-size: 28px;
      line-height: 1; }
  .second-banner {
    height: 297px; }
    .second-banner .projetos {
      font-size: 24px;
      margin: -27% 59% 0 0;
      line-height: 0.85; }
      .second-banner .projetos .text-banner-one {
        margin-right: 3%; }
    .second-banner .economia p {
      color: white;
      margin-left: 20%;
      font-size: 17px; }
  .bg-rabisco img {
    position: absolute;
    width: 25%;
    margin: 4% 0 0 57%;
    opacity: 0.8; }
  .bg-rabisco .row-three h1 {
    font-size: 27px;
    line-height: 1.25;
    padding-top: 27%; }
    .bg-rabisco .row-three h1 mark {
      padding-left: 10%; }
  .bg-rabisco .row-three .primeira-col {
    padding-left: 35%; }
  .bg-rabisco .row-three .segunda-col {
    padding-right: 30%; }
  .marcas {
    height: 280px;
    background-color: white;
    font-size: 28px;
    position: static; }
    .marcas .banner-marcas {
      margin-top: 5%;
      color: #b2b2b2; }
      .marcas .banner-marcas mark {
        background-color: transparent; }
    .marcas p {
      position: relative;
      padding-top: 2%;
      font-family: Ruda Black; }
    .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: white;
      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) {
  .rabisco img {
    position: absolute;
    z-index: 0;
    width: 75%;
    margin: 0 10%; }
  .menu-logo .menu-nav {
    height: 410px; }
  .menu-logo li {
    margin-top: 3%; }
  .menu-logo .logo {
    position: relative;
    z-index: 1;
    width: 8%; }
  .menu-logo .social-media {
    position: relative;
    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-left: 7.75%; }
  .main .live-mkt {
    font-size: 210px;
    margin: -365px 217px 0 0;
    position: relative;
    text-shadow: -4px 4px #0cffea, -1px 7px #d0021b;
    -webkit-text-stroke: 1px #0cffea;
    color: transparent; }
  .text-one {
    padding-left: 25%;
    position: relative;
    font-size: 27px; }
  .text-two {
    position: relative; }
  .list {
    padding-left: 55%;
    position: relative; }
  .ideias-vivas {
    margin: 5%; }
  .first-banner .banner-coca-mobile {
    display: none; }
  .bg-textos .row-one, .bg-textos .row-two {
    padding: 3% 7%; }
    .bg-textos .row-one h3, .bg-textos .row-two h3 {
      font-size: 28px;
      line-height: 1; }
  .second-banner {
    height: 310px; }
    .second-banner .projetos {
      font-size: 24px;
      margin: -27% 59% 0 0;
      line-height: 0.85; }
      .second-banner .projetos .text-banner-one {
        margin-right: 3%; }
    .second-banner .economia p {
      color: white;
      margin-left: 20%;
      font-size: 17px; }
  .bg-rabisco img {
    position: absolute;
    width: 25%;
    margin: 4% 0 0 57%;
    opacity: 0.8; }
  .bg-rabisco .row-three h1 {
    font-size: 26px;
    line-height: 1.25;
    padding-top: 27%; }
    .bg-rabisco .row-three h1 mark {
      padding-left: 10%; }
  .bg-rabisco .row-three .primeira-col {
    padding-left: 45%; }
  .bg-rabisco .row-three .segunda-col {
    padding-right: 20%; }
  .marcas {
    height: 280px;
    background-color: white;
    font-size: 28px;
    position: static; }
    .marcas .banner-marcas {
      margin-top: 5%;
      color: #b2b2b2; }
      .marcas .banner-marcas mark {
        background-color: transparent; }
    .marcas p {
      position: relative;
      padding-top: 2%;
      font-family: Ruda Black; }
    .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: white;
      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) {
  .rabisco img {
    position: absolute;
    z-index: 0;
    width: 75%;
    margin: 0 10%; }
  .menu-logo .menu-nav {
    height: 410px; }
  .menu-logo li {
    margin-top: 3%; }
  .menu-logo .logo {
    position: relative;
    z-index: 1;
    width: 7%;
    margin: 2% 0 0 2%; }
  .menu-logo .social-media {
    position: relative;
    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-left: 4.5%; }
  .main .live-mkt-shadow {
    font-size: 210px;
    margin: -32% 25% 0 0;
    position: relative;
    color: #d0021b; }
  .main .live-mkt {
    font-size: 210px;
    margin: -365px 280px 0 0;
    position: relative;
    text-shadow: -4px 4px #0cffea, -1px 7px #d0021b;
    -webkit-text-stroke: 1px #0cffea;
    color: transparent; }
  .text-one {
    padding-left: 25%;
    position: relative;
    font-size: 27px; }
  .text-two {
    position: relative; }
  .list {
    padding-left: 55%;
    position: relative; }
  .ideias-vivas {
    margin: 5%; }
  .first-banner .banner-coca-mobile {
    display: none; }
  .bg-textos .row-one, .bg-textos .row-two {
    padding: 3% 8%; }
    .bg-textos .row-one h3, .bg-textos .row-two h3 {
      font-size: 28px;
      line-height: 1; }
  .second-banner {
    height: 320px; }
    .second-banner .projetos {
      font-size: 26px;
      margin: -27% 59% 0 0;
      line-height: 0.95; }
      .second-banner .projetos .text-banner-one {
        margin-right: 3%; }
    .second-banner .economia p {
      color: white;
      margin-left: 20%;
      font-size: 18px; }
  .bg-rabisco img {
    position: absolute;
    width: 25%;
    margin: 3% 0 0 55%;
    opacity: 0.8; }
  .bg-rabisco .row-three h1 {
    font-size: 26px;
    line-height: 1.25;
    padding-top: 27%; }
    .bg-rabisco .row-three h1 mark {
      padding-left: 10%; }
  .bg-rabisco .row-three .primeira-col {
    padding-left: 50%; }
  .bg-rabisco .row-three .segunda-col {
    padding-right: 20%; }
  .marcas {
    height: 280px;
    background-color: white;
    font-size: 28px;
    position: static; }
    .marcas .banner-marcas {
      margin-top: 5%;
      color: #b2b2b2; }
      .marcas .banner-marcas mark {
        background-color: transparent; }
    .marcas p {
      position: relative;
      padding-top: 2%;
      font-family: Ruda Black; }
    .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: white;
      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) {
  .rabisco img {
    position: absolute;
    z-index: 0;
    width: 75%;
    margin: 0 10%; }
  .menu-logo .menu-nav {
    height: 410px; }
  .menu-logo li {
    margin-top: 3%; }
  .menu-logo .logo {
    position: relative;
    z-index: 1;
    width: 7%;
    margin: 2% 0 0 2%; }
  .menu-logo .social-media {
    position: relative;
    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-left: 4.5%; }
  .main .live-mkt {
    font-size: 210px;
    margin: -365px 410px 0 18px;
    position: relative;
    text-shadow: -4px 4px #0cffea, -1px 7px #d0021b;
    -webkit-text-stroke: 1px #0cffea;
    color: transparent; }
  .text-one {
    padding-left: 25%;
    position: relative;
    font-size: 27px; }
  .text-two {
    position: relative; }
  .list {
    padding-left: 55%;
    position: relative; }
  .ideias-vivas {
    margin: 5%; }
  .first-banner .banner-coca-mobile {
    display: none; }
  .bg-textos .row-one, .bg-textos .row-two {
    padding: 3% 14%; }
    .bg-textos .row-one h3, .bg-textos .row-two h3 {
      font-size: 30px;
      line-height: 1; }
  .second-banner {
    height: 340px; }
    .second-banner .projetos {
      font-size: 26px;
      margin: -27% 62% 0 0;
      line-height: 1.0; }
      .second-banner .projetos .text-banner-one {
        margin-right: 3%; }
    .second-banner .economia p {
      color: white;
      margin-left: 20%;
      font-size: 18px; }
  .bg-rabisco img {
    position: absolute;
    width: 22%;
    margin: 5% 0 0 55%;
    opacity: 0.8; }
  .bg-rabisco .row-three h1 {
    font-size: 28px;
    line-height: 1.25;
    padding-top: 25%; }
    .bg-rabisco .row-three h1 mark {
      padding-left: 10%; }
  .bg-rabisco .row-three .primeira-col {
    padding-left: 50%; }
  .bg-rabisco .row-three .segunda-col {
    padding-right: 20%; }
  .marcas {
    height: 280px;
    background-color: white;
    font-size: 28px;
    position: static; }
    .marcas .banner-marcas {
      margin-top: 5%;
      color: #b2b2b2; }
      .marcas .banner-marcas mark {
        background-color: transparent; }
    .marcas p {
      position: relative;
      padding-top: 2%;
      font-family: Ruda Black; }
    .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: white;
      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) {
  .rabisco img {
    position: absolute;
    z-index: 0;
    width: 75%;
    margin: 0 10%; }
  .menu-logo .menu-nav {
    height: 410px; }
  .menu-logo li {
    margin-top: 3%; }
  .menu-logo .logo {
    position: relative;
    z-index: 1;
    width: 7%;
    margin: 2% 0 0 2%; }
  .menu-logo .social-media {
    position: relative;
    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-left: 4.5%; }
  .main .live-mkt {
    font-size: 210px;
    margin: -360px 480px 0 79px;
    position: relative;
    text-shadow: -4px 4px #0cffea, -1px 7px #d0021b;
    -webkit-text-stroke: 1px #0cffea;
    color: transparent; }
  .text-one {
    padding-left: 25%;
    position: relative;
    font-size: 27px; }
  .text-two {
    position: relative; }
  .list {
    padding-left: 55%;
    position: relative; }
  .ideias-vivas {
    margin: 5%; }
  .first-banner .banner-coca-mobile {
    display: none; }
  .bg-textos .row-one, .bg-textos .row-two {
    padding: 3% 14%; }
    .bg-textos .row-one h3, .bg-textos .row-two h3 {
      font-size: 30px;
      line-height: 1; }
  .second-banner {
    height: 370px; }
    .second-banner .projetos {
      font-size: 28px;
      margin: -27% 63% 0 0;
      line-height: 1.0; }
      .second-banner .projetos .text-banner-one {
        margin-right: 3%; }
    .second-banner .economia p {
      color: white;
      margin-left: 20%;
      font-size: 19px; }
  .bg-rabisco img {
    position: absolute;
    width: 20%;
    margin: 7% 0 0 54%;
    opacity: 0.8; }
  .bg-rabisco .row-three h1 {
    font-size: 29px;
    line-height: 1.25;
    padding-top: 27%; }
    .bg-rabisco .row-three h1 mark {
      padding-left: 10%; }
  .bg-rabisco .row-three .primeira-col {
    padding-left: 55%; }
  .bg-rabisco .row-three .segunda-col {
    padding-right: 25%; }
  .marcas {
    height: 280px;
    background-color: white;
    font-size: 28px;
    position: static; }
    .marcas .banner-marcas {
      margin-top: 5%;
      color: #b2b2b2; }
      .marcas .banner-marcas mark {
        background-color: transparent; }
    .marcas p {
      position: relative;
      padding-top: 2%;
      font-family: Ruda Black;
      font-size: 30px; }
    .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: white;
      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) {
  .rabisco img {
    position: absolute;
    z-index: 0;
    width: 70%;
    margin: 0 10%; }
  .menu-logo .menu-nav {
    height: 410px; }
  .menu-logo li {
    margin-top: 3%; }
  .menu-logo .logo {
    position: relative;
    z-index: 1;
    width: 6.5%;
    margin: 2% 0 0 2%; }
  .menu-logo .social-media {
    position: relative;
    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-left: 4.5%; }
  .main .live-mkt-shadow {
    font-size: 210px;
    margin: -25% 37% 0 10%;
    position: relative;
    color: #d0021b; }
  .main .live-mkt {
    font-size: 210px;
    margin: -360px 510px 0 127px;
    position: relative;
    text-shadow: -4px 4px #0cffea, -1px 7px #d0021b;
    -webkit-text-stroke: 1px #0cffea;
    color: transparent; }
  .text-one {
    padding-left: 25%;
    position: relative;
    font-size: 27px; }
  .text-two {
    position: relative; }
  .list {
    padding-left: 55%;
    position: relative; }
  .ideias-vivas {
    margin: 5%; }
  .first-banner .banner-coca-mobile {
    display: none; }
  .bg-textos .row-one, .bg-textos .row-two {
    padding: 3% 14%; }
    .bg-textos .row-one h3, .bg-textos .row-two h3 {
      font-size: 30px;
      line-height: 1; }
  .second-banner {
    height: 400px; }
    .second-banner .projetos {
      font-size: 32px;
      margin: -27% 63% 0 0;
      line-height: 1.2; }
      .second-banner .projetos .text-banner-one {
        margin-right: 3%; }
    .second-banner .economia p {
      color: white;
      margin-left: 20%;
      font-size: 19px; }
  .bg-rabisco img {
    position: absolute;
    width: 20%;
    margin: 6% 0 0 54%;
    opacity: 0.8; }
  .bg-rabisco .row-three h1 {
    font-size: 30px;
    line-height: 1.25;
    padding-top: 27%; }
    .bg-rabisco .row-three h1 mark {
      padding-left: 10%; }
  .bg-rabisco .row-three .primeira-col {
    padding-left: 55%; }
  .bg-rabisco .row-three .segunda-col {
    padding-right: 25%; }
  .marcas {
    height: 280px;
    background-color: white;
    font-size: 28px;
    position: static; }
    .marcas .banner-marcas {
      margin-top: 5%;
      color: #b2b2b2; }
      .marcas .banner-marcas mark {
        background-color: transparent; }
    .marcas p {
      position: relative;
      padding-top: 2%;
      font-family: Ruda Black;
      font-size: 30px; }
    .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: white;
      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) {
  .rabisco img {
    position: absolute;
    z-index: 0;
    width: 70%;
    margin: 0 10%; }
  .menu-logo .menu-nav {
    height: 410px; }
  .menu-logo li {
    margin-top: 3%; }
  .menu-logo .logo {
    position: relative;
    z-index: 1;
    width: 6.5%;
    margin: 2% 0 0 2%; }
  .menu-logo .social-media {
    position: relative;
    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-left: 4.5%; }
  .main .live-mkt {
    font-size: 210px;
    margin: -360px 644px 0 202px;
    position: relative;
    text-shadow: -4px 4px #0cffea, -1px 7px #d0021b;
    -webkit-text-stroke: 1px #0cffea;
    color: transparent; }
  .text-one {
    padding-left: 25%;
    position: relative;
    font-size: 27px; }
  .text-two {
    position: relative; }
  .list {
    padding-left: 55%;
    position: relative; }
  .ideias-vivas {
    margin: 5%; }
  .first-banner .banner-coca-mobile {
    display: none; }
  .bg-textos .row-one, .bg-textos .row-two {
    padding: 3% 14%; }
    .bg-textos .row-one h3, .bg-textos .row-two h3 {
      font-size: 30px;
      line-height: 1; }
  .second-banner {
    height: 435px; }
    .second-banner .projetos {
      font-size: 34px;
      margin: -27% 63% 0 0;
      line-height: 1.2; }
      .second-banner .projetos .text-banner-one {
        margin-right: 3%; }
    .second-banner .economia p {
      color: white;
      margin-left: 20%;
      font-size: 23px; }
  .bg-rabisco img {
    position: absolute;
    width: 20%;
    margin: 5% 0 0 54%;
    opacity: 0.8; }
  .bg-rabisco .row-three h1 {
    font-size: 35px;
    line-height: 1.25;
    padding-top: 27%; }
    .bg-rabisco .row-three h1 mark {
      padding-left: 10%; }
  .bg-rabisco .row-three .primeira-col {
    padding-left: 55%; }
  .bg-rabisco .row-three .segunda-col {
    padding-right: 20%; }
  .marcas {
    height: 280px;
    background-color: white;
    font-size: 28px;
    position: static; }
    .marcas .banner-marcas {
      margin-top: 5%;
      color: #b2b2b2; }
      .marcas .banner-marcas mark {
        background-color: transparent; }
    .marcas p {
      position: relative;
      padding-top: 2%;
      font-family: Ruda Black;
      font-size: 30px; }
    .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: white;
      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) {
  .rabisco img {
    position: absolute;
    z-index: 0;
    width: 70%;
    margin: 0 10%; }
  .menu-logo .menu-nav {
    height: 410px; }
  .menu-logo li {
    margin-top: 3%; }
  .menu-logo .logo {
    position: relative;
    z-index: 1;
    width: 6.5%;
    margin: 2% 0 0 2%; }
  .menu-logo .social-media {
    position: relative;
    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-left: 4.5%; }
  .main .live-mkt {
    font-size: 210px;
    margin: -360px 636px 0 178px;
    position: relative;
    text-shadow: -4px 4px #0cffea, -1px 7px #d0021b;
    -webkit-text-stroke: 1px #0cffea;
    color: transparent; }
  .text-one {
    padding-left: 25%;
    position: relative;
    font-size: 27px; }
  .text-two {
    position: relative; }
  .list {
    padding-left: 55%;
    position: relative;
    font-size: 20px; }
  .ideias-vivas {
    margin: 4%; }
  .first-banner .banner-coca-mobile {
    display: none; }
  .bg-textos .row-one, .bg-textos .row-two {
    padding: 3% 14%; }
    .bg-textos .row-one h3, .bg-textos .row-two h3 {
      font-size: 30px;
      line-height: 1; }
  .second-banner {
    height: 470px; }
    .second-banner .projetos {
      font-size: 38px;
      margin: -27% 62% 0 0;
      line-height: 1.2; }
      .second-banner .projetos .text-banner-one {
        margin-right: 3%; }
    .second-banner .economia p {
      color: white;
      margin-left: 20%;
      font-size: 24px; }
  .bg-rabisco img {
    position: absolute;
    width: 20%;
    margin: 5% 0 0 54%;
    opacity: 0.8; }
  .bg-rabisco .row-three h1 {
    font-size: 35px;
    line-height: 1.25;
    padding-top: 27%; }
    .bg-rabisco .row-three h1 mark {
      padding-left: 10%; }
  .bg-rabisco .row-three .primeira-col {
    padding-left: 55%; }
  .bg-rabisco .row-three .segunda-col {
    padding-right: 20%; }
  .marcas {
    height: 280px;
    background-color: white;
    font-size: 28px;
    position: static; }
    .marcas .banner-marcas {
      margin-top: 5%;
      color: #b2b2b2; }
      .marcas .banner-marcas mark {
        background-color: transparent; }
    .marcas p {
      position: relative;
      padding-top: 2%;
      font-family: Ruda Black;
      font-size: 30px; }
    .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: white;
      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) {
  .rabisco img {
    position: absolute;
    z-index: 0;
    width: 70%;
    margin: 0 10%; }
  .menu-logo .menu-nav {
    height: 410px; }
  .menu-logo li {
    margin-top: 3%; }
  .menu-logo .logo {
    position: relative;
    z-index: 1;
    width: 6.5%;
    margin: 2% 0 0 2%; }
  .menu-logo .social-media {
    position: relative;
    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%; }
  .main .live-mkt {
    font-size: 210px;
    margin: -350px 636px 0 279px;
    position: relative;
    text-shadow: -4px 4px #0cffea, -1px 7px #d0021b;
    -webkit-text-stroke: 1px #0cffea;
    color: transparent; }
  .text-one {
    padding-left: 25%;
    position: relative;
    font-size: 27px; }
  .text-two {
    position: relative; }
  .list {
    padding-left: 55%;
    position: relative;
    font-size: 20px; }
  .ideias-vivas {
    margin: 4%; }
  .first-banner .banner-coca-mobile {
    display: none; }
  .bg-textos .row-one, .bg-textos .row-two {
    padding: 3% 16%; }
    .bg-textos .row-one h3, .bg-textos .row-two h3 {
      font-size: 30px;
      line-height: 1; }
  .second-banner {
    height: 500px; }
    .second-banner .projetos {
      font-size: 40px;
      margin: -27% 62% 0 0;
      line-height: 1.2; }
      .second-banner .projetos .text-banner-one {
        margin-right: 3%; }
    .second-banner .economia p {
      color: white;
      margin-left: 20%;
      font-size: 24px; }
  .bg-rabisco img {
    position: absolute;
    width: 20%;
    margin: 4% 0 0 54%;
    opacity: 0.8; }
  .bg-rabisco .row-three h1 {
    font-size: 35px;
    line-height: 1.25;
    padding-top: 24%; }
    .bg-rabisco .row-three h1 mark {
      padding-left: 10%; }
  .bg-rabisco .row-three .primeira-col {
    padding-left: 55%; }
  .bg-rabisco .row-three .segunda-col {
    padding-right: 20%; }
  .marcas {
    height: 280px;
    background-color: white;
    font-size: 28px;
    position: static; }
    .marcas .banner-marcas {
      margin-top: 5%;
      color: #b2b2b2; }
      .marcas .banner-marcas mark {
        background-color: transparent; }
    .marcas p {
      position: relative;
      padding-top: 2%;
      font-family: Ruda Black;
      font-size: 30px; }
    .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: white;
      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) {
  .rabisco img {
    position: absolute;
    z-index: 0;
    width: 70%;
    margin: 0 10%; }
  .menu-logo .menu-nav {
    height: 410px; }
  .menu-logo li {
    margin-top: 3%; }
  .menu-logo .logo {
    position: relative;
    z-index: 1;
    width: 6.5%;
    margin: 2% 0 0 2%; }
  .menu-logo .social-media {
    position: relative;
    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%; }
  .live-mkt {
    font-size: 210px;
    margin: -350px 880px 0 211px;
    position: relative;
    text-shadow: -6px 6px #0cffea, -1px 7px #d0021b;
    -webkit-text-stroke: 1px #0cffea;
    color: transparent; }
  .text-one {
    padding-left: 25%;
    position: relative;
    font-size: 27px; }
  .text-two {
    position: relative; }
  .list {
    padding-left: 55%;
    position: relative;
    font-size: 20px; }
  .ideias-vivas {
    margin: 5%; }
  .first-banner .banner-coca-mobile {
    display: none; }
  .bg-textos .row-one, .bg-textos .row-two {
    padding: 3% 19%; }
    .bg-textos .row-one h3, .bg-textos .row-two h3 {
      font-size: 30px;
      line-height: 1; }
  .second-banner {
    height: 525px; }
    .second-banner .projetos {
      font-size: 44px;
      margin: -27% 62% 0 0;
      line-height: 1.25; }
      .second-banner .projetos .text-banner-one {
        margin-right: 3%; }
    .second-banner .economia p {
      color: white;
      margin-left: 20%;
      font-size: 26px; }
  .bg-rabisco img {
    position: absolute;
    width: 20%;
    margin: 4% 0 0 54%;
    opacity: 0.8; }
  .bg-rabisco .row-three h1 {
    font-size: 40px;
    line-height: 1.25;
    padding-top: 24%; }
    .bg-rabisco .row-three h1 mark {
      padding-left: 10%; }
  .bg-rabisco .row-three .primeira-col {
    padding-left: 55%; }
  .bg-rabisco .row-three .segunda-col {
    padding-right: 20%; }
  .marcas {
    height: 280px;
    background-color: white;
    font-size: 28px;
    position: static; }
    .marcas .banner-marcas {
      margin-top: 5%;
      color: #b2b2b2; }
      .marcas .banner-marcas mark {
        background-color: transparent; }
    .marcas p {
      position: relative;
      padding-top: 2%;
      font-family: Ruda Black;
      font-size: 30px; }
    .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: white;
      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) {
  .rabisco img {
    position: absolute;
    z-index: 0;
    width: 50%;
    margin: 0 10%; }
  .menu-logo .menu-nav {
    height: 410px; }
  .menu-logo li {
    margin-top: 3%; }
  .menu-logo .logo {
    position: relative;
    z-index: 1;
    width: 6.5%;
    margin: 2% 0 0 2%; }
  .menu-logo .social-media {
    position: relative;
    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%; }
  .live-mkt {
    font-size: 210px;
    margin: -350px 931px 0 196px;
    position: relative;
    text-shadow: -6px 6px #0cffea, -1px 7px #d0021b;
    -webkit-text-stroke: 1px #0cffea;
    color: transparent; }
  .text-one {
    padding-left: 25%;
    position: relative;
    font-size: 27px; }
  .text-two {
    position: relative; }
  .list {
    padding-left: 55%;
    position: relative;
    font-size: 20px; }
  .ideias-vivas {
    margin: 5%; }
  .first-banner img {
    width: 100%; }
  .first-banner .banner-coca-mobile {
    display: none; }
  .bg-textos .row-one, .bg-textos .row-two {
    padding: 3% 21%; }
    .bg-textos .row-one h3, .bg-textos .row-two h3 {
      font-size: 30px;
      line-height: 1; }
  .second-banner {
    height: 555px; }
    .second-banner .projetos {
      font-size: 49px;
      margin: -27% 62% 0 0;
      line-height: 1.3; }
      .second-banner .projetos .text-banner-one {
        margin-right: 3%; }
    .second-banner .economia p {
      color: white;
      margin-left: 20%;
      font-size: 26px; }
  .bg-rabisco img {
    position: absolute;
    width: 20%;
    margin: 4% 0 0 54%;
    opacity: 0.8; }
  .bg-rabisco .row-three h1 {
    font-size: 40px;
    line-height: 1.25;
    padding-top: 24%; }
    .bg-rabisco .row-three h1 mark {
      padding-left: 10%; }
  .bg-rabisco .row-three .primeira-col {
    padding-left: 55%; }
  .bg-rabisco .row-three .segunda-col {
    padding-right: 25%; }
  .marcas {
    height: 280px;
    background-color: white;
    font-size: 28px;
    position: static; }
    .marcas .banner-marcas {
      margin-top: 5%;
      color: #b2b2b2; }
      .marcas .banner-marcas mark {
        background-color: transparent; }
    .marcas p {
      position: relative;
      padding-top: 2%;
      font-family: Ruda Black;
      font-size: 30px; }
    .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: white;
      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) {
  .rabisco img {
    position: absolute;
    z-index: 0;
    width: 55%;
    margin: 0 10%; }
  .menu-logo .menu-nav {
    height: 410px; }
  .menu-logo li {
    margin-top: 3%; }
  .menu-logo .logo {
    position: relative;
    z-index: 1;
    width: 6.5%;
    margin: 2% 0 0 2%; }
  .menu-logo .social-media {
    position: relative;
    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%; }
  .main .live-mkt {
    font-size: 325px;
    margin: -350px 1382px 0 307px;
    position: relative;
    text-shadow: -4px 4px #0cffea, -1px 7px #d0021b;
    -webkit-text-stroke: 1px #0cffea;
    color: transparent; }
  .text-one {
    padding-left: 25%;
    position: relative;
    font-size: 27px; }
  .text-two {
    position: relative; }
  .list {
    padding-left: 55%;
    position: relative;
    font-size: 20px; }
  .ideias-vivas {
    margin: 5%; }
  .first-banner img {
    width: 100%; }
  .first-banner .banner-coca-mobile {
    display: none; }
  .bg-textos .row-one, .bg-textos .row-two {
    padding: 3% 21%; }
    .bg-textos .row-one h3, .bg-textos .row-two h3 {
      font-size: 30px;
      line-height: 1; }
  .second-banner {
    height: 555px; }
    .second-banner .projetos {
      font-size: 49px;
      margin: -27% 62% 0 0;
      line-height: 1.3; }
      .second-banner .projetos .text-banner-one {
        margin-right: 3%; }
    .second-banner .economia p {
      color: white;
      margin-left: 20%;
      font-size: 26px; }
  .bg-rabisco img {
    position: absolute;
    width: 20%;
    margin: 4% 0 0 54%;
    opacity: 0.8; }
  .bg-rabisco .row-three h1 {
    font-size: 40px;
    line-height: 1.25;
    padding-top: 24%; }
    .bg-rabisco .row-three h1 mark {
      padding-left: 10%; }
  .bg-rabisco .row-three .primeira-col {
    padding-left: 55%; }
  .bg-rabisco .row-three .segunda-col {
    padding-right: 25%; }
  .marcas {
    height: 280px;
    background-color: white;
    font-size: 28px;
    position: static; }
    .marcas .banner-marcas {
      margin-top: 5%;
      color: #b2b2b2; }
      .marcas .banner-marcas mark {
        background-color: transparent; }
    .marcas p {
      position: relative;
      padding-top: 2%;
      font-family: Ruda Black;
      font-size: 30px; }
    .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: white;
      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%; } }