* {
  box-sizing: border-box; }

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

a {
  text-decoration: none; }

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

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

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

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

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

.ideias-vivas mark {
  background-color: #43aca9;
  color: white;
  font-family: Ruda Black; }

.participio {
  color: white; }
  .participio p {
    font-family: Ruda Black; }

.list {
  color: white; }
  .list ul li {
    display: flex;
    font-family: Ruda Black; }

.bg-entregas {
  background-color: #733977; }
  .bg-entregas img {
    position: absolute; }
  .bg-entregas .row {
    margin: 0; }
  .bg-entregas .entregas mark {
    background-color: #46a8a6;
    color: white; }
  .bg-entregas .entregas li {
    color: white; }
  .bg-entregas .row-one h3, .bg-entregas .row-two h3, .bg-entregas .row-three h3 {
    color: #46a8a6;
    font-family: Ruda Black; }
  .bg-entregas .row-one p, .bg-entregas .row-two p, .bg-entregas .row-three p {
    color: white;
    font-family: Ruda Black; }

footer {
  background-color: #35c5bf;
  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: 1220px; }
  .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: 85px;
    margin: -70% 0 0 35%;
    text-shadow: -4px 3px #43aca9;
    -webkit-text-stroke: 1px #0cffea;
    color: transparent; }
  .ideias-vivas {
    padding: 15% 22% 0 22%; }
  .participio {
    padding: 0 19%; }
  .list {
    padding: 10% 10% 0 10%; }
    .list ul li {
      padding-top: 5%; }
    .list .midias {
      width: 5%; }
  .bg-entregas {
    padding: 4%; }
    .bg-entregas .entregas {
      display: none; }
    .bg-entregas .rabisco-content img {
      width: 75%; }
    .bg-entregas .row-one p {
      padding: 2% 5%; }
    .bg-entregas .row-two p, .bg-entregas .row-three p {
      padding: 11% 5% 0 5%; }
    .bg-entregas .row-two h3 {
      font-size: 20px;
      padding: 13% 0 0 42%; }
    .bg-entregas .row-one h3, .bg-entregas .row-three h3 {
      font-size: 20px;
      padding: 7% 0 0 45%; }
    .bg-entregas img {
      margin-left: 5%; }
  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: 15%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 345px) and (max-width: 359.99px) {
  .background {
    height: 1175px; }
  .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: 85px;
    margin: -70% 0 0 35%;
    text-shadow: -4px 3px #43aca9;
    -webkit-text-stroke: 1px #0cffea;
    color: transparent; }
  .ideias-vivas {
    font-size: 20px;
    padding: 15% 22% 0 22%; }
  .participio {
    padding: 0 16%; }
  .list {
    padding: 10% 15% 0 15%; }
    .list ul li {
      padding-top: 5%; }
    .list .midias {
      width: 5%; }
  .bg-entregas {
    padding: 5%; }
    .bg-entregas .entregas {
      display: none; }
    .bg-entregas .rabisco-content img {
      width: 75%; }
    .bg-entregas .row-one h3 {
      padding: 7% 0 0 42%; }
    .bg-entregas .row-one p {
      padding: 2% 8%; }
    .bg-entregas .row-two h3 {
      padding: 14% 0 0 42%; }
    .bg-entregas .row-three h3 {
      padding: 10% 0 0 42%; }
    .bg-entregas .row-two p, .bg-entregas .row-three p {
      padding: 12% 8% 0 8%; }
    .bg-entregas .row-one img, .bg-entregas .row-two img, .bg-entregas .row-three img {
      padding-left: 1%; }
    .bg-entregas .row-one h3, .bg-entregas .row-two h3, .bg-entregas .row-three h3 {
      font-size: 23px; }
  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: 15%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 360px) and (max-width: 374.98px) {
  .background {
    height: 1175px; }
  .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: 85px;
    margin: -70% 0 0 37%;
    text-shadow: -4px 3px #43aca9;
    -webkit-text-stroke: 1px #0cffea;
    color: transparent; }
  .ideias-vivas {
    font-size: 20px;
    padding: 15% 22% 0 22%; }
  .participio {
    padding: 0 16%; }
  .list {
    padding: 10% 15% 0 15%;
    font-size: 17px; }
    .list ul li {
      padding-top: 5%; }
    .list .midias {
      width: 5%; }
  .bg-entregas {
    padding: 5%; }
    .bg-entregas .entregas {
      display: none; }
    .bg-entregas .rabisco-content img {
      width: 75%; }
    .bg-entregas .row-one h3 {
      padding: 7% 0 0 42%; }
    .bg-entregas .row-one p {
      padding: 2% 5%; }
    .bg-entregas .row-two h3 {
      padding: 14% 0 0 42%; }
    .bg-entregas .row-three h3 {
      padding: 10% 0 0 47%; }
    .bg-entregas .row-two p, .bg-entregas .row-three p {
      padding: 8% 5% 0 5%; }
    .bg-entregas .row-one img, .bg-entregas .row-two img, .bg-entregas .row-three img {
      padding-left: 10%; }
    .bg-entregas .row-one h3, .bg-entregas .row-two h3, .bg-entregas .row-three h3 {
      font-size: 23px; }
  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: 15%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 375px) and (max-width: 400.98px) {
  .background {
    height: 1200px; }
  .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: 85px;
    margin: -65% 10% 0 37%;
    text-shadow: -4px 3px #43aca9;
    -webkit-text-stroke: 1px #0cffea;
    color: transparent; }
  .ideias-vivas {
    font-size: 20px;
    padding: 15% 22% 0 22%; }
  .participio {
    padding: 0 17%; }
  .list {
    padding: 10% 23% 0 23%;
    font-size: 17px; }
    .list ul li {
      padding-top: 5%; }
    .list .midias {
      width: 5%; }
  .bg-entregas {
    padding: 5%; }
    .bg-entregas .entregas {
      display: none; }
    .bg-entregas .rabisco-content img {
      width: 75%; }
    .bg-entregas .row-one h3 {
      padding: 6% 0 0 42%; }
    .bg-entregas .row-one p {
      padding: 2% 6%; }
    .bg-entregas .row-two h3 {
      padding: 13% 0 0 42%; }
    .bg-entregas .row-three h3 {
      padding: 9% 0 0 47%; }
    .bg-entregas .row-two p, .bg-entregas .row-three p {
      padding: 8% 5% 0 5%; }
    .bg-entregas .row-one img, .bg-entregas .row-two img, .bg-entregas .row-three img {
      padding-left: 10%; }
    .bg-entregas .row-one h3, .bg-entregas .row-two h3, .bg-entregas .row-three h3 {
      font-size: 23px; }
  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: 13%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 401px) and (max-width: 420.98px) {
  .background {
    height: 1190px; }
  .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: -65% 18% 0 37%;
    text-shadow: -4px 3px #43aca9;
    -webkit-text-stroke: 1px #0cffea;
    color: transparent; }
  .ideias-vivas {
    font-size: 20px;
    padding: 15% 22% 0 22%; }
  .participio {
    padding: 0 19%; }
  .list {
    padding: 7% 23% 0 23%;
    font-size: 18px; }
    .list ul li {
      padding-top: 5%; }
    .list .midias {
      width: 5%; }
  .bg-entregas {
    padding: 5%; }
    .bg-entregas .entregas {
      display: none; }
    .bg-entregas .rabisco-content img {
      width: 75%; }
    .bg-entregas .row-one h3 {
      padding: 5% 0 0 42%; }
    .bg-entregas .row-one p {
      padding: 2% 6%; }
    .bg-entregas .row-two h3 {
      padding: 12% 0 0 42%; }
    .bg-entregas .row-three h3 {
      padding: 8% 0 0 47%; }
    .bg-entregas .row-two p, .bg-entregas .row-three p {
      padding: 8% 2% 0 5%; }
    .bg-entregas .row-one img, .bg-entregas .row-two img, .bg-entregas .row-three img {
      padding-left: 10%; }
    .bg-entregas .row-one h3, .bg-entregas .row-two h3, .bg-entregas .row-three h3 {
      font-size: 23px; }
  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: 13%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 421px) and (max-width: 459.98px) {
  .background {
    height: 1135px; }
  .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 {
    font-size: 95px;
    margin: -60% 25% 0 36%;
    text-shadow: -4px 3px #43aca9;
    -webkit-text-stroke: 1px #0cffea;
    color: transparent; }
  .ideias-vivas {
    font-size: 20px;
    padding: 15% 22% 0 22%; }
  .participio {
    padding: 0 7%; }
  .list {
    padding: 2% 23% 0 23%;
    font-size: 18px; }
    .list ul li {
      padding-top: 5%; }
    .list .midias {
      width: 5%; }
  .bg-entregas {
    padding: 5%; }
    .bg-entregas .entregas {
      display: none; }
    .bg-entregas .rabisco-content img {
      width: 75%; }
    .bg-entregas .row-one h3 {
      padding: 4% 0 0 42%; }
    .bg-entregas .row-one p {
      padding: 2% 6%; }
    .bg-entregas .row-two h3 {
      padding: 10% 0 0 42%; }
    .bg-entregas .row-three h3 {
      padding: 6% 0 0 47%; }
    .bg-entregas .row-two p, .bg-entregas .row-three p {
      padding: 8% 2% 0 5%; }
    .bg-entregas .row-one img, .bg-entregas .row-two img, .bg-entregas .row-three img {
      padding-left: 10%; }
    .bg-entregas .row-one h3, .bg-entregas .row-two h3, .bg-entregas .row-three h3 {
      font-size: 25px; }
  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: 13%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 460px) and (max-width: 500.98px) {
  .background {
    height: 1130px; }
  .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: 95px;
    margin: -60% 25% 0 36%;
    text-shadow: -4px 3px #43aca9;
    -webkit-text-stroke: 1px #0cffea;
    color: transparent; }
  .ideias-vivas {
    font-size: 20px;
    padding: 15% 22% 0 22%; }
  .participio {
    padding: 0 7%; }
  .list {
    padding: 3% 23% 0 23%;
    font-size: 19px; }
    .list ul li {
      padding-top: 5%; }
    .list .midias {
      width: 5%; }
  .bg-entregas {
    padding: 5%; }
    .bg-entregas .entregas {
      display: none; }
    .bg-entregas .rabisco-content img {
      width: 75%; }
    .bg-entregas .row-one h3 {
      padding: 2% 0 0 42%; }
    .bg-entregas .row-one p {
      padding: 2% 8%; }
    .bg-entregas .row-two h3 {
      padding: 9% 0 0 42%; }
    .bg-entregas .row-three h3 {
      padding: 4% 0 0 42%; }
    .bg-entregas .row-two p, .bg-entregas .row-three p {
      padding: 6% 8% 0 8%; }
    .bg-entregas .row-one img, .bg-entregas .row-two img, .bg-entregas .row-three img {
      padding-left: 10%; }
    .bg-entregas .row-one h3, .bg-entregas .row-two h3, .bg-entregas .row-three h3 {
      font-size: 29px; }
    .bg-entregas .row-one p, .bg-entregas .row-two p, .bg-entregas .row-three p {
      font-size: 18px; }
  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: 13%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 501px) and (max-width: 526.98px) {
  .background {
    height: 1115px; }
  .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 {
    font-size: 95px;
    margin: -60% 25% 0 36%;
    text-shadow: -4px 3px #43aca9;
    -webkit-text-stroke: 1px #0cffea;
    color: transparent; }
  .ideias-vivas {
    font-size: 20px;
    padding: 15% 22% 0 22%; }
  .participio {
    padding: 0 11%; }
  .list {
    padding: 0 25% 0 25%;
    font-size: 22px; }
    .list ul li {
      padding-top: 5%; }
    .list .midias {
      width: 5%; }
  .bg-entregas {
    padding: 5%; }
    .bg-entregas .entregas {
      display: none; }
    .bg-entregas .rabisco-content img {
      width: 75%; }
    .bg-entregas .row-one h3 {
      padding: 2% 0 0 42%; }
    .bg-entregas .row-one p {
      padding: 0% 8%; }
    .bg-entregas .row-two h3 {
      padding: 7% 0 0 42%; }
    .bg-entregas .row-three h3 {
      padding: 4% 0 0 42%; }
    .bg-entregas .row-two p, .bg-entregas .row-three p {
      padding: 4% 8% 0 8%; }
    .bg-entregas .row-one img, .bg-entregas .row-two img, .bg-entregas .row-three img {
      padding-left: 10%; }
    .bg-entregas .row-one h3, .bg-entregas .row-two h3, .bg-entregas .row-three h3 {
      font-size: 29px; }
    .bg-entregas .row-one p, .bg-entregas .row-two p, .bg-entregas .row-three p {
      font-size: 18px; }
  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: 13%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 527px) and (max-width: 575.98px) {
  .background {
    height: 1111px; }
  .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: -60% 25% 0 36%;
    text-shadow: -4px 3px #43aca9;
    -webkit-text-stroke: 1px #0cffea;
    color: transparent; }
  .ideias-vivas {
    font-size: 20px;
    padding: 9% 22% 0 22%;
    position: relative; }
  .participio {
    padding: 0 11%; }
  .list {
    padding: 0 25% 0 25%;
    font-size: 22px; }
    .list ul li {
      padding-top: 5%; }
    .list .midias {
      width: 5%; }
  .bg-entregas {
    padding: 5% 10%; }
    .bg-entregas .entregas {
      display: none; }
    .bg-entregas .rabisco-content img {
      width: 75%; }
    .bg-entregas .row-one h3 {
      padding: 2% 0 0 42%; }
    .bg-entregas .row-one p {
      padding: 0% 8%; }
    .bg-entregas .row-two h3 {
      padding: 7% 0 0 42%; }
    .bg-entregas .row-three h3 {
      padding: 4% 0 0 42%; }
    .bg-entregas .row-two p, .bg-entregas .row-three p {
      padding: 4% 8% 0 8%; }
    .bg-entregas .row-one img, .bg-entregas .row-two img, .bg-entregas .row-three img {
      padding-left: 10%; }
    .bg-entregas .row-one h3, .bg-entregas .row-two h3, .bg-entregas .row-three h3 {
      font-size: 29px; }
    .bg-entregas .row-one p, .bg-entregas .row-two p, .bg-entregas .row-three p {
      font-size: 18px; }
  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: 13%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 576px) and (max-width: 610.98px) {
  .background {
    height: 1120px; }
  .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: -60% 25% 0 36%;
    text-shadow: -4px 3px #43aca9;
    -webkit-text-stroke: 1px #0cffea;
    color: transparent; }
  .ideias-vivas {
    font-size: 22px;
    padding: 13% 22% 0 22%;
    position: relative; }
  .participio {
    padding: 0 11%;
    position: relative; }
  .list {
    padding: 0 25% 0 25%;
    font-size: 22px; }
    .list ul li {
      padding-top: 5%; }
    .list .midias {
      width: 5%; }
  .bg-entregas {
    padding: 5%; }
    .bg-entregas .entregas {
      display: none; }
    .bg-entregas .rabisco-content img {
      width: 75%; }
    .bg-entregas .row-one h3 {
      padding: 9% 0 0 36%; }
    .bg-entregas .row-one .eventos {
      padding-top: 14%; }
    .bg-entregas .row-one p {
      padding: 0 8%; }
    .bg-entregas .row-two h3 {
      padding: 19% 0 0 38%; }
    .bg-entregas .row-two p {
      padding: 14% 8% 0 8%; }
    .bg-entregas .row-three h3 {
      padding: 13% 0 0 43%; }
    .bg-entregas .row-three p {
      padding: 14% 8% 0 8%; }
    .bg-entregas .row-three #desc6 {
      padding-top: 10%; }
    .bg-entregas .row-one h3, .bg-entregas .row-two h3, .bg-entregas .row-three h3 {
      font-size: 18px;
      margin-left: 7%; }
    .bg-entregas .row-one p, .bg-entregas .row-two p, .bg-entregas .row-three p {
      font-size: 15px; }
    .bg-entregas .row-one img, .bg-entregas .row-two img, .bg-entregas .row-three img {
      margin-left: 5%; }
  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: 13%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 611px) and (max-width: 645.98px) {
  .background {
    height: 1135px; }
  .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: 130px;
    margin: -58% 25% 0 36%;
    text-shadow: -4px 3px #43aca9;
    -webkit-text-stroke: 1px #0cffea;
    color: transparent; }
  .ideias-vivas {
    font-size: 22px;
    padding: 8% 22% 0 22%;
    position: relative; }
  .participio {
    padding: 0 11%;
    position: relative; }
  .list {
    padding: 0 15% 0 15%;
    font-size: 22px; }
    .list ul li {
      padding: 5%;
      display: inline-table; }
    .list .midias {
      width: 5%; }
  .bg-entregas .entregas {
    display: none; }
  .bg-entregas .rabisco-content img {
    width: 65%; }
  .bg-entregas .row-one h3 {
    padding: 7% 0 0 42%; }
  .bg-entregas .row-one p {
    padding: 2% 6%; }
  .bg-entregas .row-one img {
    margin-left: 5%; }
  .bg-entregas .row-one #desc2 {
    margin-top: 15%; }
  .bg-entregas .row-two h3 {
    padding: 10% 0 0 42%; }
  .bg-entregas .row-two img {
    margin: -2% 0 0 5%; }
  .bg-entregas .row-three h3 {
    padding: 10% 0 0 33%; }
  .bg-entregas .row-three img {
    margin: 5% 0 0 5%; }
  .bg-entregas .row-three #desc5 {
    margin: -7% 0 15% 0; }
  .bg-entregas .row-three #desc6 {
    margin-top: 5%; }
  .bg-entregas .row-two p, .bg-entregas .row-three p {
    padding: 8% 7% 0 5%; }
  .bg-entregas .row-one h3, .bg-entregas .row-two h3, .bg-entregas .row-three h3 {
    font-size: 23px; }
  .bg-entregas .row-one img, .bg-entregas .row-two img, .bg-entregas .row-three img {
    width: 20%; }
  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: 10%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 646px) and (max-width: 670.98px) {
  .background {
    height: 1160px; }
  .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: 130px;
    margin: -57% 25% 0 36%;
    text-shadow: -4px 3px #43aca9;
    -webkit-text-stroke: 1px #0cffea;
    color: transparent; }
  .ideias-vivas {
    font-size: 22px;
    padding: 8% 22% 0 22%;
    position: relative; }
  .participio {
    padding: 0 15%;
    position: relative; }
  .list {
    padding: 0 15% 0 15%;
    font-size: 24px; }
    .list ul li {
      padding: 5%;
      display: inline-table; }
    .list .midias {
      width: 5%; }
  .bg-entregas .entregas {
    display: none; }
  .bg-entregas .rabisco-content img {
    width: 65%; }
  .bg-entregas .row-one h3 {
    padding: 7% 0 0 42%; }
  .bg-entregas .row-one p {
    padding: 2% 6%; }
  .bg-entregas .row-one img {
    margin-left: 5%; }
  .bg-entregas .row-one #desc2 {
    margin-top: 15%; }
  .bg-entregas .row-two h3 {
    padding: 10% 0 0 42%; }
  .bg-entregas .row-two img {
    margin: -2% 0 0 5%; }
  .bg-entregas .row-three h3 {
    padding: 10% 0 0 33%; }
  .bg-entregas .row-three img {
    margin: 5% 0 0 5%; }
  .bg-entregas .row-three #desc5 {
    margin: -7% 0 15% 0; }
  .bg-entregas .row-three #desc6 {
    margin-top: 5%; }
  .bg-entregas .row-two p, .bg-entregas .row-three p {
    padding: 8% 7% 0 5%; }
  .bg-entregas .row-one h3, .bg-entregas .row-two h3, .bg-entregas .row-three h3 {
    font-size: 23px; }
  .bg-entregas .row-one img, .bg-entregas .row-two img, .bg-entregas .row-three img {
    width: 20%; }
  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: 10%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 671px) and (max-width: 720.98px) {
  .background {
    height: 1160px; }
  .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: 130px;
    margin: -52% 25% 0 36%;
    text-shadow: -4px 3px #43aca9;
    -webkit-text-stroke: 1px #0cffea;
    color: transparent; }
  .ideias-vivas {
    font-size: 22px;
    padding: 6% 22% 0 22%;
    position: relative; }
  .participio {
    padding: 0 20%;
    position: relative; }
  .list {
    padding: 0 15% 0 15%;
    font-size: 24px; }
    .list ul li {
      padding: 5%;
      display: inline-table; }
    .list .midias {
      width: 5%; }
  .bg-entregas .entregas {
    display: none; }
  .bg-entregas .rabisco-content img {
    width: 65%; }
  .bg-entregas .row-one h3 {
    padding: 7% 0 0 42%; }
  .bg-entregas .row-one p {
    padding: 2% 6%; }
  .bg-entregas .row-one img {
    margin-left: 5%; }
  .bg-entregas .row-one #desc2 {
    margin-top: 15%; }
  .bg-entregas .row-two h3 {
    padding: 10% 0 0 42%; }
  .bg-entregas .row-two img {
    margin: -2% 0 0 5%; }
  .bg-entregas .row-three h3 {
    padding: 10% 0 0 33%; }
  .bg-entregas .row-three img {
    margin: 5% 0 0 5%; }
  .bg-entregas .row-three #desc5 {
    margin: -7% 0 15% 0; }
  .bg-entregas .row-three #desc6 {
    margin-top: 5%; }
  .bg-entregas .row-two p, .bg-entregas .row-three p {
    padding: 8% 7% 0 5%; }
  .bg-entregas .row-one h3, .bg-entregas .row-two h3, .bg-entregas .row-three h3 {
    font-size: 23px; }
  .bg-entregas .row-one img, .bg-entregas .row-two img, .bg-entregas .row-three img {
    width: 20%; }
  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: 10%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 721px) and (max-width: 766.98px) {
  .background {
    height: 1190px; }
  .rabisco img {
    position: absolute;
    z-index: 0; }
  .menu-logo .logo {
    position: relative;
    z-index: 1;
    width: 12%; }
  .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: 135px;
    margin: -50% 25% 0 36%;
    text-shadow: -4px 3px #43aca9;
    -webkit-text-stroke: 1px #0cffea;
    color: transparent; }
  .ideias-vivas {
    font-size: 22px;
    padding: 6% 26% 0 35%;
    position: relative; }
  .participio {
    padding: 0 20%;
    position: relative;
    font-size: 17px; }
  .list {
    padding: 0 15% 0 15%;
    font-size: 26px; }
    .list ul li {
      padding: 5%;
      display: inline-table; }
    .list .midias {
      width: 5%; }
  .bg-entregas .entregas {
    display: none; }
  .bg-entregas .rabisco-content img {
    width: 65%; }
  .bg-entregas .row-one h3 {
    padding: 7% 0 0 42%; }
  .bg-entregas .row-one p {
    padding: 2% 6%; }
  .bg-entregas .row-one img {
    margin-left: 5%; }
  .bg-entregas .row-one #desc2 {
    margin-top: 15%; }
  .bg-entregas .row-two h3 {
    padding: 10% 0 0 42%; }
  .bg-entregas .row-two img {
    margin: -2% 0 0 5%; }
  .bg-entregas .row-three h3 {
    padding: 10% 0 0 33%; }
  .bg-entregas .row-three img {
    margin: 5% 0 0 5%; }
  .bg-entregas .row-three #desc5 {
    margin: -7% 0 15% 0; }
  .bg-entregas .row-three #desc6 {
    margin-top: 5%; }
  .bg-entregas .row-two p, .bg-entregas .row-three p {
    padding: 8% 7% 5% 5%; }
  .bg-entregas .row-one h3, .bg-entregas .row-two h3, .bg-entregas .row-three h3 {
    font-size: 23px; }
  .bg-entregas .row-one img, .bg-entregas .row-two img, .bg-entregas .row-three img {
    width: 20%; }
  footer .marca-footer p {
    display: none; }
  footer .marca-footer img {
    margin: 55% 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: 10%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 767px) and (max-width: 789.98px) {
  .background {
    height: 1215px; }
  .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: 140px;
    margin: -46% 25% 0 36%;
    text-shadow: -4px 3px #43aca9;
    -webkit-text-stroke: 1px #0cffea;
    color: transparent; }
  .ideias-vivas {
    font-size: 22px;
    padding: 6% 26% 0 35%;
    position: relative; }
  .participio {
    padding: 0 20%;
    position: relative;
    font-size: 17px; }
  .list {
    padding: 0 15% 0 20%;
    font-size: 26px; }
    .list ul li {
      padding: 5%;
      display: inline-table; }
    .list .midias {
      width: 5%; }
  .bg-entregas {
    padding: 5%; }
    .bg-entregas .entregas {
      display: none; }
    .bg-entregas .rabisco-content img {
      width: 75%; }
    .bg-entregas .row-one h3 {
      padding: 7% 0 0 42%; }
    .bg-entregas .row-one p {
      padding: 2% 6%; }
    .bg-entregas .row-two h3 {
      padding: 14% 0 0 42%; }
    .bg-entregas .row-two #desc3 {
      margin: -7% 0 15% 0; }
    .bg-entregas .row-three h3 {
      padding: 10% 0 0 47%; }
    .bg-entregas .row-three #desc5 {
      margin: -7% 0 15% 0; }
    .bg-entregas .row-three #desc6 {
      margin-top: 5%; }
    .bg-entregas .row-two p, .bg-entregas .row-three p {
      padding: 8% 8% 0 8%; }
    .bg-entregas .row-one img, .bg-entregas .row-two img, .bg-entregas .row-three img {
      padding-left: 10%; }
    .bg-entregas .row-one h3, .bg-entregas .row-two h3, .bg-entregas .row-three h3 {
      font-size: 23px; }
  footer .marca-footer p {
    display: none; }
  footer .marca-footer img {
    margin: 60% 20%;
    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: 10%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 790px) and (max-width: 829.98px) {
  .background {
    height: 1250px; }
  .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 h1 {
    font-size: 145px;
    margin: -45% 25% 0 36%;
    text-shadow: -4px 3px #43aca9;
    -webkit-text-stroke: 1px #0cffea;
    color: transparent; }
  .ideias-vivas {
    font-size: 22px;
    padding: 6% 26% 0 35%;
    position: relative; }
  .participio {
    padding: 0 20%;
    position: relative;
    font-size: 17px; }
  .list {
    padding: 0 15% 0 20%;
    font-size: 26px; }
    .list ul li {
      padding: 5%;
      display: inline-table; }
    .list .midias {
      width: 5%; }
  .bg-entregas {
    padding: 5%; }
    .bg-entregas .entregas {
      display: none; }
    .bg-entregas .rabisco-content img {
      width: 75%; }
    .bg-entregas .row-one h3 {
      padding: 7% 0 0 42%; }
    .bg-entregas .row-one p {
      padding: 2% 6%; }
    .bg-entregas .row-one #desc2 {
      margin-top: 15%; }
    .bg-entregas .row-two h3 {
      padding: 14% 0 0 42%; }
    .bg-entregas .row-three h3 {
      padding: 10% 0 0 47%; }
    .bg-entregas .row-two p, .bg-entregas .row-three p {
      padding: 8% 2% 0 5%; }
    .bg-entregas .row-one img, .bg-entregas .row-two img, .bg-entregas .row-three img {
      padding-left: 10%; }
    .bg-entregas .row-one h3, .bg-entregas .row-two h3, .bg-entregas .row-three h3 {
      font-size: 23px; }
  footer .marca-footer p {
    display: none; }
  footer .marca-footer img {
    margin: 65% 20%;
    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: 10%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 830px) and (max-width: 889.98px) {
  .background {
    height: 1365px; }
  .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 h1 {
    font-size: 180px;
    margin: -43% 25% 0 36%;
    text-shadow: -7px 4px #43aca9;
    -webkit-text-stroke: 1px #0cffea;
    color: transparent; }
  .ideias-vivas {
    font-size: 22px;
    padding: 6% 26% 0 35%;
    position: relative; }
  .participio {
    padding: 0 20%;
    position: relative;
    font-size: 17px; }
  .list {
    padding: 0 15% 0 20%;
    font-size: 26px; }
    .list ul li {
      padding: 5%;
      display: inline-table; }
    .list .midias {
      width: 5%; }
  .bg-entregas {
    padding: 5%; }
    .bg-entregas .entregas {
      display: none; }
    .bg-entregas .rabisco-content img {
      width: 75%; }
    .bg-entregas .row-one h3 {
      padding: 7% 0 0 42%; }
    .bg-entregas .row-one p {
      padding: 2% 6%; }
    .bg-entregas .row-two h3 {
      padding: 14% 0 0 42%; }
    .bg-entregas .row-three h3 {
      padding: 10% 0 0 47%; }
    .bg-entregas .row-two p, .bg-entregas .row-three p {
      padding: 8% 2% 0 5%; }
    .bg-entregas .row-one img, .bg-entregas .row-two img, .bg-entregas .row-three img {
      padding-left: 10%; }
    .bg-entregas .row-one h3, .bg-entregas .row-two h3, .bg-entregas .row-three h3 {
      font-size: 23px; }
  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: 15%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 890px) and (max-width: 929.98px) {
  .background {
    height: 1380px; }
  .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 h1 {
    font-size: 180px;
    margin: -40% 25% 0 36%;
    text-shadow: -7px 4px #43aca9;
    -webkit-text-stroke: 1px #0cffea;
    color: transparent; }
  .ideias-vivas {
    font-size: 22px;
    padding: 6% 26% 0 35%;
    position: relative; }
  .participio {
    padding: 0 20%;
    position: relative;
    font-size: 17px; }
  .list {
    padding: 0 15% 0 20%;
    font-size: 26px; }
    .list ul li {
      padding: 5%;
      display: inline-table; }
    .list .midias {
      width: 5%; }
  .bg-entregas {
    padding: 5%; }
    .bg-entregas .entregas {
      display: none; }
    .bg-entregas .rabisco-content img {
      width: 75%; }
    .bg-entregas .row-one h3 {
      padding: 7% 0 0 42%; }
    .bg-entregas .row-one p {
      padding: 2% 6%; }
    .bg-entregas .row-two h3 {
      padding: 14% 0 0 42%; }
    .bg-entregas .row-three h3 {
      padding: 10% 0 0 47%; }
    .bg-entregas .row-two p, .bg-entregas .row-three p {
      padding: 8% 2% 0 5%; }
    .bg-entregas .row-one img, .bg-entregas .row-two img, .bg-entregas .row-three img {
      padding-left: 10%; }
    .bg-entregas .row-one h3, .bg-entregas .row-two h3, .bg-entregas .row-three h3 {
      font-size: 23px; }
  footer .marca-footer p {
    display: none; }
  footer .marca-footer img {
    margin: 60% 20%;
    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: 10%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 930px) and (max-width: 970.98px) {
  .background {
    height: 820px; }
  .rabisco img {
    position: absolute;
    z-index: 0;
    width: 85%; }
  .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 h1 {
    font-size: 135px;
    margin: -37% 39% 0 25%;
    text-shadow: -4px 3px #43aca9;
    -webkit-text-stroke: 1px #0cffea;
    color: transparent;
    line-height: 130px; }
  .ideias-vivas {
    font-size: 20px;
    padding: 49% 0 0 30%; }
    .ideias-vivas mark {
      background-color: #43aca9;
      color: white;
      font-family: Ruda Black;
      margin: -65% 15% 3% 40%;
      position: absolute; }
  .participio {
    padding: 0 5%;
    margin: -63% 0 0 0;
    position: relative; }
  .list {
    font-size: 17px;
    padding: 0 7%; }
    .list ul li {
      padding: 12% 0 0 3%; }
    .list ul {
      display: flex;
      position: absolute;
      justify-content: center; }
    .list .midias {
      width: 21%; }
  .banner {
    position: relative;
    opacity: 0.9; }
  .bg-entregas {
    padding: 5%; }
    .bg-entregas .entregas {
      display: none; }
    .bg-entregas .rabisco-content img {
      width: 75%; }
    .bg-entregas .row-one h3 {
      padding: 7% 0 0 42%; }
    .bg-entregas .row-one p {
      padding: 2% 6%; }
    .bg-entregas .row-two h3 {
      padding: 14% 0 0 42%; }
    .bg-entregas .row-three h3 {
      padding: 10% 0 0 47%; }
    .bg-entregas .row-two p, .bg-entregas .row-three p {
      padding: 8% 2% 0 5%; }
    .bg-entregas .row-one img, .bg-entregas .row-two img, .bg-entregas .row-three img {
      padding-left: 15%; }
    .bg-entregas .row-one h3, .bg-entregas .row-two h3, .bg-entregas .row-three h3 {
      font-size: 23px; }
  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: 10%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 971px) and (max-width: 1010.98px) {
  .background {
    height: 805px; }
  .rabisco img {
    position: absolute;
    z-index: 0;
    width: 85%; }
  .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 h1 {
    font-size: 140px;
    margin: -35% 34% 0 25%;
    text-shadow: -4px 4px #43aca9;
    -webkit-text-stroke: 1px #0cffea;
    color: transparent;
    line-height: 130px; }
  .ideias-vivas {
    font-size: 20px;
    padding: 49% 0 0 30%; }
    .ideias-vivas mark {
      background-color: #43aca9;
      color: white;
      font-family: Ruda Black;
      margin: -65% 15% 3% 40%;
      position: absolute; }
  .participio {
    padding: 0 5%;
    margin: -63% 0 0 0;
    position: relative; }
  .list {
    font-size: 17px;
    padding: 0 9%; }
    .list ul li {
      padding: 12% 0 0 3%; }
    .list ul {
      display: flex;
      position: absolute;
      justify-content: center; }
    .list .midias {
      width: 21%; }
  .banner {
    position: relative;
    opacity: 0.9; }
  .bg-entregas {
    padding: 5%; }
    .bg-entregas .entregas {
      display: none;
      color: white; }
    .bg-entregas .rabisco-content img {
      width: 75%; }
    .bg-entregas .row-one h3 {
      padding: 7% 0 0 42%; }
    .bg-entregas .row-one p {
      padding: 2% 6%; }
    .bg-entregas .row-two h3 {
      padding: 14% 0 0 42%; }
    .bg-entregas .row-three h3 {
      padding: 10% 0 0 47%; }
    .bg-entregas .row-two p, .bg-entregas .row-three p {
      padding: 8% 2% 0 5%; }
    .bg-entregas .row-one img, .bg-entregas .row-two img, .bg-entregas .row-three img {
      padding-left: 15%; }
    .bg-entregas .row-one h3, .bg-entregas .row-two h3, .bg-entregas .row-three h3 {
      font-size: 23px; }
  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: 15%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 3%; } }

@media (min-width: 1011px) and (max-width: 1065.98px) {
  .background {
    height: 810px; }
  .rabisco img {
    position: absolute;
    z-index: 0;
    width: 80%; }
  .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 h1 {
    font-size: 148px;
    margin: -34% 32% 0 25%;
    text-shadow: -4px 3px #43aca9;
    -webkit-text-stroke: 1px #0cffea;
    color: transparent;
    line-height: 130px; }
  .ideias-vivas {
    font-size: 20px;
    padding: 49% 0 0 30%; }
    .ideias-vivas mark {
      background-color: #43aca9;
      color: white;
      font-family: Ruda Black;
      margin: -65% 15% 3% 40%;
      position: absolute; }
  .participio {
    padding: 0 5%;
    margin: -63% 0 0 0;
    position: relative; }
  .list {
    font-size: 17px;
    padding: 0 10%; }
    .list ul li {
      padding: 12% 0 0 3%; }
    .list ul {
      display: flex;
      position: absolute;
      justify-content: center; }
    .list .midias {
      width: 21%; }
  .banner {
    position: relative;
    opacity: 0.9; }
  .bg-entregas {
    font-size: 18px;
    padding: 5%; }
    .bg-entregas .entregas {
      display: none; }
    .bg-entregas .rabisco-content img {
      width: 75%; }
    .bg-entregas .row-one h3 {
      padding: 7% 0 0 42%; }
    .bg-entregas .row-one p {
      padding: 4% 6%; }
    .bg-entregas .row-one .ativacao {
      padding-top: 25px; }
    .bg-entregas .row-one .eventos {
      padding-top: 15px; }
    .bg-entregas .row-two h3 {
      padding: 8% 0 0 42%; }
    .bg-entregas .row-two .promo {
      padding-top: 35px; }
    .bg-entregas .row-two .patrocinios {
      padding-top: 35px; }
    .bg-entregas .row-three h3 {
      padding: 10% 0 0 47%; }
    .bg-entregas .row-three .midias {
      padding-top: 35px; }
    .bg-entregas .row-three .consultoria {
      padding-top: 30px; }
    .bg-entregas .row-two p, .bg-entregas .row-three p {
      padding: 8% 2% 0 5%; }
    .bg-entregas .row-one img, .bg-entregas .row-two img, .bg-entregas .row-three img {
      padding-left: 20%; }
    .bg-entregas .row-one h3, .bg-entregas .row-two h3, .bg-entregas .row-three h3 {
      font-size: 23px; }
  #entrega {
    margin-top: 10%; }
  #entrega4 {
    margin-left: 10%; }
  #entrega6 {
    margin-left: 10%; }
  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: 15%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 3%; } }

@media (min-width: 1066px) and (max-width: 1099.98px) {
  .background {
    height: 831px; }
  .rabisco img {
    position: absolute;
    z-index: 0;
    width: 80%; }
  .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 h1 {
    font-size: 148px;
    margin: -33% 45% 0 24%;
    text-shadow: -4px 3px #43aca9;
    -webkit-text-stroke: 1px #0cffea;
    color: transparent;
    line-height: 132px; }
  .ideias-vivas {
    font-size: 20px;
    padding: 49% 0 0 30%; }
    .ideias-vivas mark {
      background-color: #43aca9;
      color: white;
      font-family: Ruda Black;
      margin: -65% 15% 3% 40%;
      position: absolute; }
  .participio {
    padding: 0 5%;
    margin: -63% 5% 0 0;
    position: relative; }
  .list {
    font-size: 18px;
    padding: 0 5%; }
    .list ul li {
      padding: 12% 0 0 4%; }
    .list ul {
      display: flex;
      position: absolute;
      justify-content: center; }
    .list .midias {
      width: 21%; }
  .banner {
    position: relative;
    opacity: 0.9; }
  .bg-entregas {
    font-size: 18px;
    padding: 5%; }
    .bg-entregas .entregas {
      display: none; }
    .bg-entregas .rabisco-content img {
      width: 75%; }
    .bg-entregas .row-one h3 {
      padding: 7% 0 0 42%; }
    .bg-entregas .row-one p {
      padding: 4% 6%; }
    .bg-entregas .row-one .ativacao {
      padding-top: 25px; }
    .bg-entregas .row-one .eventos {
      padding-top: 15px; }
    .bg-entregas .row-two h3 {
      padding: 14% 0 0 42%; }
    .bg-entregas .row-two .promo {
      padding-top: 35px; }
    .bg-entregas .row-two .patrocinios {
      padding-top: 35px; }
    .bg-entregas .row-three h3 {
      padding: 10% 0 0 47%; }
    .bg-entregas .row-three .midias {
      padding-top: 35px; }
    .bg-entregas .row-three .consultoria {
      padding-top: 30px; }
    .bg-entregas .row-two p, .bg-entregas .row-three p {
      padding: 6% 2% 0 5%; }
    .bg-entregas .row-one img, .bg-entregas .row-two img, .bg-entregas .row-three img {
      padding-left: 20%; }
    .bg-entregas .row-one h3, .bg-entregas .row-two h3, .bg-entregas .row-three h3 {
      font-size: 23px; }
  #entrega {
    margin-top: 10%; }
  #entrega4 {
    margin-left: 10%; }
  #entrega6 {
    margin-left: 10%; }
  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: 17%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 3%; } }

@media (min-width: 1100px) and (max-width: 1165.98px) {
  .background {
    height: 880px; }
  .rabisco img {
    position: absolute;
    z-index: 0;
    width: 80%; }
  .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 h1 {
    font-size: 170px;
    margin: -33% 37% 0 27%;
    text-shadow: -5px 4px #43aca9;
    -webkit-text-stroke: 1px #0cffea;
    color: transparent;
    line-height: 186px; }
  .ideias-vivas {
    font-size: 25px;
    padding: 45% 0 0 30%; }
    .ideias-vivas mark {
      background-color: #43aca9;
      color: white;
      font-family: Ruda Black;
      margin: -65% 15% 3% 40%;
      position: absolute; }
  .participio {
    padding: 2% 5%;
    margin: -63% 5% 0 0;
    position: relative; }
  .list {
    font-size: 18px;
    padding: 0 10%; }
    .list ul li {
      padding: 4% 2%; }
    .list ul {
      display: flex;
      position: absolute;
      justify-content: center; }
    .list .midias {
      width: 21%; }
  .banner {
    position: relative;
    opacity: 0.9; }
  .bg-entregas {
    font-size: 18px;
    padding: 5%; }
    .bg-entregas .entregas {
      display: none; }
    .bg-entregas .rabisco-content img {
      width: 75%; }
    .bg-entregas .row-one h3 {
      padding: 7% 0 0 42%; }
    .bg-entregas .row-one p {
      padding: 4% 6%; }
    .bg-entregas .row-one .ativacao {
      padding-top: 25px; }
    .bg-entregas .row-one .eventos {
      padding-top: 15px; }
    .bg-entregas .row-two h3 {
      padding: 14% 0 0 42%; }
    .bg-entregas .row-two .promo {
      padding-top: 35px; }
    .bg-entregas .row-two .patrocinios {
      padding-top: 35px; }
    .bg-entregas .row-three h3 {
      padding: 10% 0 0 47%; }
    .bg-entregas .row-three .midias {
      padding-top: 35px; }
    .bg-entregas .row-three .consultoria {
      padding-top: 30px; }
    .bg-entregas .row-two p, .bg-entregas .row-three p {
      padding: 6% 2% 0 5%; }
    .bg-entregas .row-one img, .bg-entregas .row-two img, .bg-entregas .row-three img {
      padding-left: 20%; }
    .bg-entregas .row-one h3, .bg-entregas .row-two h3, .bg-entregas .row-three h3 {
      font-size: 23px; }
  #entrega {
    margin-top: 10%; }
  #entrega4 {
    margin-left: 10%; }
  #entrega6 {
    margin-left: 10%; }
  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: 17%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 3%; } }

@media (min-width: 1166px) and (max-width: 1265.98px) {
  .background {
    height: 950px; }
  .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: 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 h1 {
    font-size: 175px;
    margin: -31% 37% 0 27%;
    text-shadow: -5px 4px #43aca9;
    -webkit-text-stroke: 1px #0cffea;
    color: transparent;
    line-height: 186px; }
  .ideias-vivas {
    font-size: 25px;
    padding: 45% 0 0 30%; }
    .ideias-vivas mark {
      background-color: #43aca9;
      color: white;
      font-family: Ruda Black;
      margin: -65% 15% 3% 40%;
      position: absolute; }
  .participio {
    padding: 0 5%;
    margin: -63% 5% 0 0;
    position: relative; }
  .list {
    font-size: 20px;
    padding: 0 10%; }
    .list ul li {
      padding: 7% 2%; }
    .list ul {
      display: flex;
      position: absolute;
      justify-content: center; }
    .list .midias {
      width: 21%; }
  .banner {
    position: relative;
    opacity: 0.9; }
  .bg-entregas {
    font-size: 18px;
    padding: 5%; }
    .bg-entregas .entregas {
      display: none; }
    .bg-entregas .rabisco-content img {
      width: 75%; }
    .bg-entregas .row-one h3 {
      padding: 7% 0 0 42%; }
    .bg-entregas .row-one p {
      padding: 4% 3% 0 0; }
    .bg-entregas .row-one .ativacao {
      padding-top: 25px; }
    .bg-entregas .row-one .eventos {
      padding-top: 15px; }
    .bg-entregas .row-two h3 {
      padding: 14% 0 0 42%; }
    .bg-entregas .row-two .promo {
      padding-top: 35px; }
    .bg-entregas .row-two .patrocinios {
      padding-top: 35px; }
    .bg-entregas .row-three h3 {
      padding: 10% 0 0 47%; }
    .bg-entregas .row-three .midias {
      padding-top: 35px; }
    .bg-entregas .row-three .consultoria {
      padding-top: 30px; }
    .bg-entregas .row-two p, .bg-entregas .row-three p {
      padding: 6% 2% 0 5%; }
    .bg-entregas .row-one img, .bg-entregas .row-two img, .bg-entregas .row-three img {
      padding-left: 20%; }
    .bg-entregas .row-one h3, .bg-entregas .row-two h3, .bg-entregas .row-three h3 {
      font-size: 23px; }
  #entrega {
    margin-top: 10%; }
  #entrega4 {
    margin-left: 10%; }
  #entrega6 {
    margin-left: 10%; }
  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: 17%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 3%; } }

@media (min-width: 1266px) and (max-width: 1365.98px) {
  .background {
    height: 950px; }
  .rabisco img {
    position: absolute;
    z-index: 0;
    width: 75%; }
  .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 h1 {
    font-size: 175px;
    margin: -28% 40% 0 22%;
    text-shadow: -5px 4px #43aca9;
    -webkit-text-stroke: 1px #0cffea;
    color: transparent;
    line-height: 186px; }
  .ideias-vivas {
    font-size: 25px;
    padding: 45% 0 0 30%; }
    .ideias-vivas mark {
      background-color: #43aca9;
      color: white;
      font-family: Ruda Black;
      margin: -65% 15% 3% 40%;
      position: absolute; }
  .participio {
    padding: 0 5%;
    margin: -63% 5% 0 0;
    position: relative; }
    .participio p {
      font-size: 20px; }
  .list {
    font-size: 20px;
    padding: 0 10%; }
    .list ul li {
      padding: 5% 2%; }
    .list ul {
      display: flex;
      position: absolute;
      justify-content: center; }
    .list .midias {
      width: 21%; }
  .banner {
    position: relative;
    opacity: 0.9; }
  .bg-entregas {
    font-size: 18px;
    padding: 5%; }
    .bg-entregas .entregas {
      display: none; }
    .bg-entregas .rabisco-content img {
      width: 75%; }
    .bg-entregas .row-one h3 {
      padding: 4% 0 0 42%; }
    .bg-entregas .row-one p {
      padding: 4% 3% 0 0; }
    .bg-entregas .row-one .ativacao {
      padding-top: 0; }
    .bg-entregas .row-one .eventos {
      padding-top: 15px; }
    .bg-entregas .row-two h3 {
      padding: 14% 0 0 42%; }
    .bg-entregas .row-two .promo {
      padding-top: 35px; }
    .bg-entregas .row-two .patrocinios {
      padding-top: 35px; }
    .bg-entregas .row-three h3 {
      padding: 5% 0 0 47%; }
    .bg-entregas .row-three .midias {
      padding-top: 5px; }
    .bg-entregas .row-three .consultoria {
      padding-top: 30px; }
    .bg-entregas .row-two p, .bg-entregas .row-three p {
      padding: 6% 2% 0 5%; }
    .bg-entregas .row-one img, .bg-entregas .row-two img, .bg-entregas .row-three img {
      padding-left: 20%; }
    .bg-entregas .row-one h3, .bg-entregas .row-two h3, .bg-entregas .row-three h3 {
      font-size: 35px; }
    .bg-entregas .row-one p, .bg-entregas .row-two p, .bg-entregas .row-three p {
      padding-right: 10%; }
  #entrega {
    margin-top: 10%; }
  #entrega4 {
    margin-left: 10%; }
  #entrega6 {
    margin-left: 10%; }
  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: 17%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 3%; } }

@media (min-width: 1366px) and (max-width: 1499.98px) {
  .background {
    height: 1070px; }
  .rabisco img {
    position: absolute;
    z-index: 0;
    width: 75%; }
  .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 h1 {
    font-size: 205px;
    margin: -26% 45% 0 22%;
    text-shadow: -7px 5px #43aca9;
    -webkit-text-stroke: 1px #0cffea;
    color: transparent;
    line-height: 186px; }
  .ideias-vivas {
    font-size: 28px;
    padding: 49% 0 0 27%; }
    .ideias-vivas mark {
      background-color: #43aca9;
      color: white;
      font-family: Ruda Black;
      margin: -65% 15% 3% 40%;
      position: absolute; }
  .participio {
    padding: 0 5%;
    margin: -62% 7% 0 0;
    position: relative; }
    .participio p {
      font-size: 20px; }
  .list {
    font-size: 22px;
    padding: 0 10%; }
    .list ul li {
      padding: 11% 2%; }
    .list ul {
      display: flex;
      position: absolute;
      justify-content: center; }
    .list .midias {
      width: 21%; }
  .banner {
    position: relative;
    opacity: 0.9; }
  .bg-entregas {
    font-size: 18px;
    padding: 5%; }
    .bg-entregas .entregas {
      display: none; }
    .bg-entregas .rabisco-content img {
      width: 75%; }
    .bg-entregas .row-one h3 {
      padding: 4% 0 0 42%; }
    .bg-entregas .row-one p {
      padding: 4% 3% 0 0; }
    .bg-entregas .row-one .ativacao {
      padding-top: 0; }
    .bg-entregas .row-one .eventos {
      padding-top: 15px; }
    .bg-entregas .row-two h3 {
      padding: 14% 0 0 42%; }
    .bg-entregas .row-two .promo {
      padding-top: 35px; }
    .bg-entregas .row-two .patrocinios {
      padding-top: 35px; }
    .bg-entregas .row-three h3 {
      padding: 5% 0 0 47%; }
    .bg-entregas .row-three .midias {
      padding-top: 5px; }
    .bg-entregas .row-three .consultoria {
      padding-top: 30px; }
    .bg-entregas .row-two p, .bg-entregas .row-three p {
      padding: 6% 2% 0 5%; }
    .bg-entregas .row-one img, .bg-entregas .row-two img, .bg-entregas .row-three img {
      padding-left: 20%; }
    .bg-entregas .row-one h3, .bg-entregas .row-two h3, .bg-entregas .row-three h3 {
      font-size: 41px; }
    .bg-entregas .row-one p, .bg-entregas .row-two p, .bg-entregas .row-three p {
      padding-right: 10%; }
  #entrega {
    margin-top: 10%; }
  #entrega4 {
    margin-left: 10%; }
  #entrega6 {
    margin-left: 10%; }
  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: 17%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 3%; } }

@media (min-width: 1500px) and (max-width: 1600.98px) {
  .background {
    height: 1070px; }
  .rabisco img {
    position: absolute;
    z-index: 0;
    width: 75%; }
  .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 h1 {
    font-size: 205px;
    margin: -26% 45% 0 22%;
    text-shadow: -7px 5px #43aca9;
    -webkit-text-stroke: 1px #0cffea;
    color: transparent;
    line-height: 186px; }
  .ideias-vivas {
    font-size: 28px;
    padding: 49% 0 0 27%; }
    .ideias-vivas mark {
      background-color: #43aca9;
      color: white;
      font-family: Ruda Black;
      margin: -65% 15% 3% 40%;
      position: absolute; }
  .participio {
    padding: 0 5%;
    margin: -62% 7% 0 0;
    position: relative; }
    .participio p {
      font-size: 20px; }
  .list {
    font-size: 22px;
    padding: 0 10%; }
    .list ul li {
      padding: 11% 2%; }
    .list ul {
      display: flex;
      position: absolute;
      justify-content: center; }
    .list .midias {
      width: 21%; }
  .banner {
    position: relative;
    opacity: 0.9; }
  .bg-entregas {
    font-size: 18px;
    padding: 5%; }
    .bg-entregas .entregas {
      display: none; }
    .bg-entregas .rabisco-content img {
      width: 75%; }
    .bg-entregas .row-one h3 {
      padding: 4% 0 0 42%; }
    .bg-entregas .row-one p {
      padding: 4% 3% 0 0; }
    .bg-entregas .row-one .ativacao {
      padding-top: 0; }
    .bg-entregas .row-one .eventos {
      padding-top: 15px; }
    .bg-entregas .row-two h3 {
      padding: 14% 0 0 42%; }
    .bg-entregas .row-two .promo {
      padding-top: 35px; }
    .bg-entregas .row-two .patrocinios {
      padding-top: 35px; }
    .bg-entregas .row-three h3 {
      padding: 5% 0 0 47%; }
    .bg-entregas .row-three .midias {
      padding-top: 5px; }
    .bg-entregas .row-three .consultoria {
      padding-top: 30px; }
    .bg-entregas .row-two p, .bg-entregas .row-three p {
      padding: 6% 2% 0 5%; }
    .bg-entregas .row-one img, .bg-entregas .row-two img, .bg-entregas .row-three img {
      padding-left: 20%; }
    .bg-entregas .row-one h3, .bg-entregas .row-two h3, .bg-entregas .row-three h3 {
      font-size: 41px; }
    .bg-entregas .row-one p, .bg-entregas .row-two p, .bg-entregas .row-three p {
      padding-right: 10%; }
  #entrega {
    margin-top: 10%; }
  #entrega4 {
    margin-left: 10%; }
  #entrega6 {
    margin-left: 10%; }
  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: 17%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 3%; } }

@media (min-width: 1601px) and (max-width: 1699.98px) {
  .background {
    height: 1070px; }
  .rabisco img {
    position: absolute;
    z-index: 0;
    width: 75%; }
  .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 h1 {
    font-size: 205px;
    margin: -26% 45% 0 22%;
    text-shadow: -7px 5px #43aca9;
    -webkit-text-stroke: 1px #0cffea;
    color: transparent;
    line-height: 186px; }
  .ideias-vivas {
    font-size: 28px;
    padding: 49% 0 0 27%; }
    .ideias-vivas mark {
      background-color: #43aca9;
      color: white;
      font-family: Ruda Black;
      margin: -65% 15% 3% 40%;
      position: absolute; }
  .participio {
    padding: 0 5%;
    margin: -62% 7% 0 0;
    position: relative; }
    .participio p {
      font-size: 20px; }
  .list {
    font-size: 22px;
    padding: 0 10%; }
    .list ul li {
      padding: 11% 2%; }
    .list ul {
      display: flex;
      position: absolute;
      justify-content: center; }
    .list .midias {
      width: 21%; }
  .banner {
    position: relative;
    opacity: 0.9; }
  .bg-entregas {
    font-size: 18px;
    padding: 5%; }
    .bg-entregas .entregas {
      display: none; }
    .bg-entregas .rabisco-content img {
      width: 75%; }
    .bg-entregas .row-one h3 {
      padding: 4% 0 0 42%; }
    .bg-entregas .row-one p {
      padding: 4% 3% 0 0; }
    .bg-entregas .row-one .ativacao {
      padding-top: 0; }
    .bg-entregas .row-one .eventos {
      padding-top: 15px; }
    .bg-entregas .row-two h3 {
      padding: 14% 0 0 42%; }
    .bg-entregas .row-two .promo {
      padding-top: 35px; }
    .bg-entregas .row-two .patrocinios {
      padding-top: 35px; }
    .bg-entregas .row-three h3 {
      padding: 5% 0 0 47%; }
    .bg-entregas .row-three .midias {
      padding-top: 5px; }
    .bg-entregas .row-three .consultoria {
      padding-top: 30px; }
    .bg-entregas .row-two p, .bg-entregas .row-three p {
      padding: 6% 2% 0 5%; }
    .bg-entregas .row-one img, .bg-entregas .row-two img, .bg-entregas .row-three img {
      padding-left: 20%; }
    .bg-entregas .row-one h3, .bg-entregas .row-two h3, .bg-entregas .row-three h3 {
      font-size: 41px; }
    .bg-entregas .row-one p, .bg-entregas .row-two p, .bg-entregas .row-three p {
      padding-right: 10%; }
  #entrega {
    margin-top: 10%; }
  #entrega4 {
    margin-left: 10%; }
  #entrega6 {
    margin-left: 10%; }
  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: 17%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 3%; } }

@media (min-width: 1700px) and (max-width: 1800.98px) {
  .background {
    height: 1070px; }
  .rabisco img {
    position: absolute;
    z-index: 0;
    width: 75%; }
  .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 h1 {
    font-size: 205px;
    margin: -20% 45% 0 22%;
    text-shadow: -7px 5px #43aca9;
    -webkit-text-stroke: 1px #0cffea;
    color: transparent;
    line-height: 186px; }
  .ideias-vivas {
    font-size: 28px;
    padding: 49% 0 0 27%; }
    .ideias-vivas mark {
      background-color: #43aca9;
      color: white;
      font-family: Ruda Black;
      margin: -65% 15% 3% 40%;
      position: absolute; }
  .participio {
    padding: 0 5%;
    margin: -62% 7% 0 0;
    position: relative; }
    .participio p {
      font-size: 20px; }
  .list {
    font-size: 22px;
    padding: 0 10%; }
    .list ul li {
      padding: 11% 3%; }
    .list ul {
      display: flex;
      position: absolute;
      justify-content: center; }
    .list .midias {
      width: 21%; }
  .banner {
    position: relative;
    opacity: 0.9; }
  .bg-entregas {
    font-size: 18px;
    padding: 5%; }
    .bg-entregas .entregas {
      display: none; }
    .bg-entregas .rabisco-content img {
      width: 75%; }
    .bg-entregas .row-one h3 {
      padding: 4% 0 0 42%; }
    .bg-entregas .row-one p {
      padding: 4% 3% 0 0; }
    .bg-entregas .row-one .ativacao {
      padding-top: 0; }
    .bg-entregas .row-one .eventos {
      padding-top: 15px; }
    .bg-entregas .row-two h3 {
      padding: 14% 0 0 42%; }
    .bg-entregas .row-two .promo {
      padding-top: 35px; }
    .bg-entregas .row-two .patrocinios {
      padding-top: 35px; }
    .bg-entregas .row-three h3 {
      padding: 5% 0 0 47%; }
    .bg-entregas .row-three .midias {
      padding-top: 5px; }
    .bg-entregas .row-three .consultoria {
      padding-top: 30px; }
    .bg-entregas .row-two p, .bg-entregas .row-three p {
      padding: 6% 2% 0 5%; }
    .bg-entregas .row-one img, .bg-entregas .row-two img, .bg-entregas .row-three img {
      padding-left: 20%; }
    .bg-entregas .row-one h3, .bg-entregas .row-two h3, .bg-entregas .row-three h3 {
      font-size: 41px; }
    .bg-entregas .row-one p, .bg-entregas .row-two p, .bg-entregas .row-three p {
      padding-right: 10%; }
  #entrega, #entrega3, #entrega5 {
    margin: 5% 30% 0 30%; }
  #entrega2, #entrega4, #entrega6 {
    margin: 0 20%; }
  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: 17%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 3%; } }

@media (min-width: 1801px) and (max-width: 1899.98px) {
  .background {
    height: 1070px; }
  .rabisco img {
    position: absolute;
    z-index: 0;
    width: 75%; }
  .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 h1 {
    font-size: 205px;
    margin: -22% 45% 0 22%;
    text-shadow: -7px 5px #43aca9;
    -webkit-text-stroke: 1px #0cffea;
    color: transparent;
    line-height: 186px; }
  .ideias-vivas {
    font-size: 28px;
    padding: 49% 0 0 27%; }
    .ideias-vivas mark {
      background-color: #43aca9;
      color: white;
      font-family: Ruda Black;
      margin: -65% 15% 3% 40%;
      position: absolute; }
  .participio {
    padding: 0 5%;
    margin: -62% 7% 0 0;
    position: relative; }
    .participio p {
      font-size: 20px; }
  .list {
    font-size: 22px;
    padding: 0 10%; }
    .list ul li {
      padding: 11% 2%; }
    .list ul {
      display: flex;
      position: absolute;
      justify-content: center; }
    .list .midias {
      width: 21%; }
  .banner {
    position: relative;
    opacity: 0.9; }
  .bg-entregas {
    font-size: 18px;
    padding: 5%; }
    .bg-entregas .entregas {
      display: none; }
    .bg-entregas .rabisco-content img {
      width: 75%; }
    .bg-entregas .row-one h3 {
      padding: 4% 0 0 42%; }
    .bg-entregas .row-one p {
      padding: 4% 3% 0 0; }
    .bg-entregas .row-one .ativacao {
      padding-top: 0; }
    .bg-entregas .row-one .eventos {
      padding-top: 15px; }
    .bg-entregas .row-two h3 {
      padding: 14% 0 0 42%; }
    .bg-entregas .row-two .promo {
      padding-top: 35px; }
    .bg-entregas .row-two .patrocinios {
      padding-top: 35px; }
    .bg-entregas .row-three h3 {
      padding: 5% 0 0 47%; }
    .bg-entregas .row-three .midias {
      padding-top: 5px; }
    .bg-entregas .row-three .consultoria {
      padding-top: 30px; }
    .bg-entregas .row-two p, .bg-entregas .row-three p {
      padding: 6% 2% 0 5%; }
    .bg-entregas .row-one img, .bg-entregas .row-two img, .bg-entregas .row-three img {
      padding-left: 20%; }
    .bg-entregas .row-one h3, .bg-entregas .row-two h3, .bg-entregas .row-three h3 {
      font-size: 41px; }
    .bg-entregas .row-one p, .bg-entregas .row-two p, .bg-entregas .row-three p {
      padding-right: 10%; }
  #entrega, #entrega3, #entrega5 {
    margin: 10% 30% 0 30%; }
  #entrega2, #entrega4, #entrega6 {
    margin: 0 20%; }
  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: 17%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 3%; } }

@media (min-width: 1900px) and (max-width: 1999.98px) {
  .background {
    height: 1070px; }
  .rabisco img {
    position: absolute;
    z-index: 0;
    width: 75%; }
  .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 h1 {
    font-size: 205px;
    margin: -19% 45% 0 22%;
    text-shadow: -7px 5px #43aca9;
    -webkit-text-stroke: 1px #0cffea;
    color: transparent;
    line-height: 186px; }
  .ideias-vivas {
    font-size: 28px;
    padding: 49% 0 0 27%; }
    .ideias-vivas mark {
      background-color: #43aca9;
      color: white;
      font-family: Ruda Black;
      margin: -65% 15% 3% 40%;
      position: absolute; }
  .participio {
    padding: 0 5%;
    margin: -62% 7% 0 0;
    position: relative; }
    .participio p {
      font-size: 20px; }
  .list {
    font-size: 22px;
    padding: 0 7%; }
    .list ul li {
      padding: 4%; }
    .list ul {
      display: flex;
      position: absolute; }
    .list .midias {
      width: 21%; }
  .banner {
    position: relative;
    opacity: 0.9; }
  .bg-entregas {
    font-size: 18px;
    padding: 2% 10%; }
    .bg-entregas .entregas {
      display: none; }
    .bg-entregas .rabisco-content img {
      width: 75%; }
    .bg-entregas .row-one h3 {
      padding: 4% 0 0 42%; }
    .bg-entregas .row-one p {
      padding: 4% 3% 0 0; }
    .bg-entregas .row-one .ativacao {
      padding-top: 3%; }
    .bg-entregas .row-one .eventos {
      padding-top: 15px; }
    .bg-entregas .row-one .desc2 p {
      margin-right: 5%; }
    .bg-entregas .row-two h3 {
      padding: 14% 0 0 42%; }
    .bg-entregas .row-two .promo {
      padding-top: 35px; }
    .bg-entregas .row-two .patrocinios {
      padding-top: 35px; }
    .bg-entregas .row-three h3 {
      padding: 5% 0 0 47%; }
    .bg-entregas .row-three .midias {
      padding-top: 5px; }
    .bg-entregas .row-three .consultoria {
      padding-top: 30px; }
    .bg-entregas .row-two p, .bg-entregas .row-three p {
      padding: 6% 2% 0 5%; }
    .bg-entregas .row-one img, .bg-entregas .row-two img, .bg-entregas .row-three img {
      padding-left: 20%; }
    .bg-entregas .row-one h3, .bg-entregas .row-two h3, .bg-entregas .row-three h3 {
      font-size: 41px; }
    .bg-entregas .row-one p, .bg-entregas .row-two p, .bg-entregas .row-three p {
      padding-right: 10%; }
  #entrega, #entrega3, #entrega5 {
    margin: 10% 30% 0 30%; }
  #entrega2, #entrega4, #entrega6 {
    margin: 0 20%; }
  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: 17%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 3%; } }

@media (min-width: 2000px) {
  .background {
    height: 1070px; }
  .rabisco img {
    position: absolute;
    z-index: 0;
    width: 75%; }
  .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 h1 {
    font-size: 205px;
    margin: -26% 45% 0 22%;
    text-shadow: -7px 5px #43aca9;
    -webkit-text-stroke: 1px #0cffea;
    color: transparent;
    line-height: 186px; }
  .ideias-vivas {
    font-size: 28px;
    padding: 49% 0 0 27%; }
    .ideias-vivas mark {
      background-color: #43aca9;
      color: white;
      font-family: Ruda Black;
      margin: -65% 15% 3% 40%;
      position: absolute; }
  .participio {
    padding: 0 5%;
    margin: -62% 7% 0 0;
    position: relative; }
    .participio p {
      font-size: 20px; }
  .list {
    font-size: 22px;
    padding: 0 4%; }
    .list ul li {
      padding: 11% 2%; }
    .list ul {
      display: flex;
      position: absolute;
      justify-content: center; }
    .list .midias {
      width: 21%; }
  .banner {
    position: relative;
    opacity: 0.9; }
  .bg-entregas {
    font-size: 18px;
    padding: 5%; }
    .bg-entregas .entregas {
      display: none; }
    .bg-entregas .rabisco-content img {
      width: 75%; }
    .bg-entregas .row-one h3 {
      padding: 4% 0 0 42%; }
    .bg-entregas .row-one p {
      padding: 4% 3% 0 0; }
    .bg-entregas .row-one .ativacao {
      padding-top: 0; }
    .bg-entregas .row-one .eventos {
      padding-top: 15px; }
    .bg-entregas .row-two h3 {
      padding: 14% 0 0 42%; }
    .bg-entregas .row-two .promo {
      padding-top: 35px; }
    .bg-entregas .row-two .patrocinios {
      padding-top: 35px; }
    .bg-entregas .row-three h3 {
      padding: 5% 0 0 47%; }
    .bg-entregas .row-three .midias {
      padding-top: 5px; }
    .bg-entregas .row-three .consultoria {
      padding-top: 30px; }
    .bg-entregas .row-two p, .bg-entregas .row-three p {
      padding: 6% 2% 0 5%; }
    .bg-entregas .row-one img, .bg-entregas .row-two img, .bg-entregas .row-three img {
      padding-left: 20%; }
    .bg-entregas .row-one h3, .bg-entregas .row-two h3, .bg-entregas .row-three h3 {
      font-size: 41px; }
    .bg-entregas .row-one p, .bg-entregas .row-two p, .bg-entregas .row-three p {
      padding-right: 10%; }
  #entrega {
    margin-top: 10%; }
  #entrega4 {
    margin-left: 10%; }
  #entrega6 {
    margin-left: 10%; }
  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: 17%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 3%; } }