/* estilos gerais*/
* {
  box-sizing: border-box; }

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

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

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

.background {
  background-image: url(../images/bg_home.png);
  height: 970px;
  z-index: 0; }

.social-media {
  display: flex;
  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; }
  .menu a:hover {
    text-decoration: none;
    background-color: #1E9F98;
    color: white; }

.text {
  width: 15%;
  height: 80px;
  font-weight: bold;
  position: relative;
  margin-right: 560px;
  z-index: 1; }
  .text h4 {
    font-family: Ruda Bold;
    color: white; }

.cubo img {
  position: relative;
  margin-left: 550px; }

.banner {
  background-image: url(../images/banner_foto_banda.png);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }
  .banner .text-banner {
    font-family: Ruda Bold; }
    .banner .text-banner mark {
      color: white; }
    .banner .text-banner p {
      color: white;
      -webkit-text-stroke: 4px #91b3ff; }

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

footer {
  position: relative;
  bottom: 0;
  width: 100%; }

.footer-bg {
  background-color: #f47d41;
  display: flex; }

@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 {
    background-image: url(../images/bg-mobile.png);
    height: 500px; }
    .background .menu-logo .logo {
      width: 25%; }
    .background .menu-logo .social-media {
      width: 50%;
      padding: 0; }
      .background .menu-logo .social-media img {
        width: 15%;
        margin: 15% 0 0 13%; }
      .background .menu-logo .social-media ul {
        width: 100%; }
    .background .menu-logo .menu {
      margin: 0 14%; }
  .cubo {
    display: none; }
  .text {
    width: 59%;
    margin: -90% 0 0 32%; }
  .banner {
    background-attachment: inherit;
    height: 157px; }
    .banner .text-banner {
      padding-top: 15%; }
      .banner .text-banner .text-banner-two {
        margin-left: 5px; }
      .banner .text-banner .text-banner-three {
        display: none; }
      .banner .text-banner p {
        margin: 0;
        -webkit-text-stroke: 1px white; }
        .banner .text-banner p mark {
          margin-left: 5%;
          -webkit-text-stroke: 1px #91b3ff;
          background-color: black;
          color: transparent;
          text-shadow: 0 0 0.5px #91b3ff;
          top: 0; }
    .banner img {
      max-width: 100%; }
  .missao {
    height: 160px; }
    .missao img {
      height: 160px;
      max-width: 100%; }
    .missao .text-missao {
      margin-top: -140px;
      color: white;
      font-family: Ruda Bold; }
      .missao .text-missao mark {
        background-color: #657fba;
        color: white; }
      .missao .text-missao li {
        font-size: 15px;
        display: block; }
    .missao .seta-azul {
      display: none; }
  .marcas .marcas-historia {
    height: 300px;
    overflow: hidden;
    z-index: 0; }
    .marcas .marcas-historia .rabisco img {
      display: none; }
    .marcas .marcas-historia .banner-marcas {
      z-index: 2; }
      .marcas .marcas-historia .banner-marcas p {
        font-size: 23px;
        font-family: Ruda Black;
        margin-top: 10%; }
      .marcas .marcas-historia .banner-marcas mark {
        background-color: #f47d41;
        color: white; }
    .marcas .marcas-historia .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: 345px) and (max-width: 359.99px) {
  .background {
    height: 550px; }
    .background .menu-logo .logo {
      width: 25%; }
    .background .menu-logo .social-media {
      width: 50%;
      padding: 0; }
      .background .menu-logo .social-media img {
        width: 15%;
        margin: 15% 0 0 13%; }
      .background .menu-logo .social-media ul {
        width: 100%; }
    .background .menu-logo .menu {
      margin: 0 14%; }
  .cubo {
    display: none; }
  .text {
    width: 59%;
    margin: -90% 0 0 32%; }
  .banner {
    height: 170px;
    background-attachment: inherit; }
    .banner .text-banner {
      padding-top: 15%; }
      .banner .text-banner .text-banner-two {
        margin-left: 5px; }
      .banner .text-banner .text-banner-three {
        display: none; }
      .banner .text-banner p {
        margin: 0;
        -webkit-text-stroke: 1px white; }
        .banner .text-banner p mark {
          margin-left: 5%;
          -webkit-text-stroke: 1px #91b3ff;
          background-color: black;
          color: transparent;
          text-shadow: 0 0 0.5px #91b3ff;
          top: 0; }
    .banner img {
      max-width: 100%; }
  .missao {
    height: 160px; }
    .missao img {
      height: 160px;
      max-width: 100%; }
    .missao .text-missao {
      margin-top: -140px;
      color: white;
      font-family: Ruda Bold; }
      .missao .text-missao mark {
        background-color: #657fba;
        color: white; }
      .missao .text-missao li {
        font-size: 15px;
        display: block; }
    .missao .seta-azul {
      display: none; }
  .marcas .marcas-historia {
    height: 300px;
    overflow: hidden;
    z-index: 0; }
    .marcas .marcas-historia .rabisco img {
      width: 50%;
      display: none; }
    .marcas .marcas-historia .banner-marcas {
      z-index: 2; }
      .marcas .marcas-historia .banner-marcas p {
        font-size: 23px;
        font-family: Ruda Black;
        margin-top: 10%; }
      .marcas .marcas-historia .banner-marcas mark {
        background-color: #f47d41;
        color: white; }
    .marcas .marcas-historia .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%;
      padding-top: 7%; }
    footer .social-media-footer .social-media {
      width: 100%; }
      footer .social-media-footer .social-media img {
        width: 25%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 360px) and (max-width: 374.98px) {
  .background {
    background-image: url(../images/bg-mobile.png);
    height: 550px; }
    .background .menu-logo .logo {
      width: 25%; }
    .background .menu-logo .social-media {
      width: 50%;
      padding: 0; }
      .background .menu-logo .social-media img {
        width: 15%;
        margin: 15% 0 0 13%; }
      .background .menu-logo .social-media ul {
        width: 100%; }
    .background .menu-logo .menu {
      margin: 0 14%; }
  .cubo {
    display: none; }
  .text {
    width: 59%;
    margin: -90% 0 0 32%; }
  .banner {
    height: 178px;
    background-attachment: inherit; }
    .banner .text-banner {
      padding-top: 18%; }
      .banner .text-banner .text-banner-two {
        margin-left: 5px; }
      .banner .text-banner .text-banner-three {
        display: none; }
      .banner .text-banner p {
        margin: 0;
        -webkit-text-stroke: 1px white; }
        .banner .text-banner p mark {
          margin-left: 5%;
          -webkit-text-stroke: 1px #91b3ff;
          background-color: black;
          color: transparent;
          text-shadow: 0 0 0.5px #91b3ff;
          top: 0; }
    .banner img {
      max-width: 100%; }
  .missao {
    height: 160px; }
    .missao img {
      height: 160px;
      max-width: 100%; }
    .missao .text-missao {
      margin-top: -140px;
      color: white;
      font-family: Ruda Bold; }
      .missao .text-missao mark {
        background-color: #657fba;
        color: white; }
      .missao .text-missao li {
        font-size: 15px;
        display: block; }
    .missao .seta-azul {
      display: none; }
  .marcas .marcas-historia {
    height: 300px;
    overflow: hidden;
    z-index: 0; }
    .marcas .marcas-historia .rabisco img {
      width: 50%;
      display: none; }
    .marcas .marcas-historia .banner-marcas {
      z-index: 2; }
      .marcas .marcas-historia .banner-marcas p {
        font-size: 24px;
        font-family: Ruda Black;
        margin-top: 10%; }
      .marcas .marcas-historia .banner-marcas mark {
        background-color: #f47d41;
        color: white; }
    .marcas .marcas-historia .marcas-img img {
      width: 250px; }
  footer .footer-bg {
    height: 100%; }
  footer .marca-footer p {
    display: none; }
  footer .marca-footer img {
    margin: 75% 20%;
    width: 80%; }
  footer .social-media-footer {
    margin: 5%; }
    footer .social-media-footer p {
      color: white;
      width: 80%;
      margin: 0 15%;
      font-size: 15px;
      padding-top: 7%; }
    footer .social-media-footer .social-media {
      width: 100%; }
      footer .social-media-footer .social-media img {
        width: 25%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 375px) and (max-width: 400.98px) {
  .background {
    background-image: url(../images/bg-mobile.png);
    height: 550px; }
    .background .menu-logo .logo {
      width: 20%; }
    .background .menu-logo .social-media {
      width: 50%;
      padding: 0; }
      .background .menu-logo .social-media img {
        width: 15%;
        margin: 15% 0 0 13%; }
      .background .menu-logo .social-media ul {
        width: 100%; }
    .background .menu-logo .menu {
      margin: 0 12%; }
  .cubo {
    display: none; }
  .text {
    width: 50%;
    margin: -80% 0 0 37%; }
  .banner {
    min-height: 186px;
    background-attachment: inherit; }
    .banner .text-banner {
      padding-top: 17%; }
      .banner .text-banner .text-banner-two {
        margin-left: 5px; }
      .banner .text-banner .text-banner-three {
        display: none; }
      .banner .text-banner p {
        margin: 0;
        -webkit-text-stroke: 1px white; }
        .banner .text-banner p mark {
          margin-left: 5%;
          -webkit-text-stroke: 1px #91b3ff;
          background-color: black;
          color: transparent;
          text-shadow: 0 0 0.5px #91b3ff;
          top: 0; }
    .banner img {
      max-width: 100%; }
  .missao {
    height: 160px; }
    .missao img {
      height: 160px;
      max-width: 100%; }
    .missao .text-missao {
      margin-top: -140px;
      color: white;
      font-family: Ruda Bold; }
      .missao .text-missao mark {
        background-color: #657fba;
        color: white; }
      .missao .text-missao li {
        font-size: 15px;
        display: block; }
    .missao .seta-azul {
      display: none; }
  .marcas .marcas-historia {
    height: 300px;
    overflow: hidden;
    z-index: 0; }
    .marcas .marcas-historia .rabisco img {
      width: 50%;
      display: none; }
    .marcas .marcas-historia .banner-marcas {
      z-index: 2; }
      .marcas .marcas-historia .banner-marcas p {
        font-size: 25px;
        font-family: Ruda Black;
        margin-top: 10%; }
      .marcas .marcas-historia .banner-marcas mark {
        background-color: #f47d41;
        color: white; }
    .marcas .marcas-historia .marcas-img img {
      width: 250px; }
  footer {
    height: 275px; }
    footer .footer-bg {
      height: 100%; }
    footer .marca-footer p {
      display: none; }
    footer .marca-footer img {
      height: 90px;
      margin: 65% 45%; }
    footer .social-media-footer p {
      color: white;
      width: 65%;
      margin: 0 30%;
      font-size: 15px;
      padding-top: 5%; }
    footer .social-media-footer .social-media {
      width: 85%; }
      footer .social-media-footer .social-media img {
        width: 25%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 401px) and (max-width: 420.98px) {
  .background {
    background-image: url(../images/bg-mobile.png);
    height: 550px; }
    .background .menu-logo img {
      width: 20%; }
    .background .menu-logo .social-media {
      width: 50%;
      padding: 0; }
      .background .menu-logo .social-media img {
        width: 12%;
        margin: 15% 0 0 10%; }
      .background .menu-logo .social-media ul {
        width: 100%; }
    .background .menu-logo .menu {
      margin: 0 12%; }
  .cubo {
    display: none; }
  .text {
    width: 50%;
    margin: -80% 0 0 37%; }
  .banner {
    height: 186px;
    background-attachment: inherit; }
    .banner .text-banner {
      padding-top: 17%; }
      .banner .text-banner .text-banner-two {
        margin-left: 5px; }
      .banner .text-banner .text-banner-three {
        display: none; }
      .banner .text-banner p {
        margin: 0;
        -webkit-text-stroke: 1px white; }
        .banner .text-banner p mark {
          margin-left: 5%;
          -webkit-text-stroke: 1px #91b3ff;
          background-color: black;
          color: transparent;
          text-shadow: 0 0 0.5px #91b3ff;
          top: 0; }
    .banner img {
      max-width: 100%; }
  .missao {
    height: 160px; }
    .missao img {
      height: 160px;
      max-width: 100%; }
    .missao .text-missao {
      margin-top: -130px;
      color: white;
      font-family: Ruda Bold; }
      .missao .text-missao mark {
        background-color: #657fba;
        color: white; }
      .missao .text-missao li {
        font-size: 15px;
        display: block; }
    .missao .seta-azul {
      display: none; }
  .marcas .marcas-historia {
    height: 330px;
    overflow: hidden;
    z-index: 0; }
    .marcas .marcas-historia .rabisco img {
      width: 50%;
      display: none; }
    .marcas .marcas-historia .banner-marcas {
      z-index: 2; }
      .marcas .marcas-historia .banner-marcas p {
        font-size: 27px;
        font-family: Ruda Black;
        margin-top: 10%; }
      .marcas .marcas-historia .banner-marcas mark {
        background-color: #f47d41;
        color: white; }
    .marcas .marcas-historia .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: 421px) and (max-width: 459.98px) {
  .background {
    background-image: url(../images/bg-mobile.png);
    height: 550px; }
    .background .menu-logo img {
      width: 18%; }
    .background .menu-logo .social-media {
      width: 50%;
      padding: 0; }
      .background .menu-logo .social-media img {
        width: 12%;
        margin: 15% 0 0 10%; }
      .background .menu-logo .social-media ul {
        width: 100%; }
    .background .menu-logo .menu {
      margin: 0 11%; }
  .cubo {
    display: none; }
  .text {
    width: 50%;
    margin: -70% 0 0 35%; }
  .banner {
    min-height: 209px;
    background-attachment: inherit; }
    .banner .text-banner {
      padding-top: 17%; }
      .banner .text-banner .text-banner-two {
        margin-left: 5px; }
      .banner .text-banner .text-banner-three {
        display: none; }
      .banner .text-banner p {
        margin: 0;
        -webkit-text-stroke: 1px white; }
        .banner .text-banner p mark {
          margin-left: 5%;
          -webkit-text-stroke: 1px #91b3ff;
          background-color: black;
          color: transparent;
          text-shadow: 0 0 0.5px #91b3ff;
          top: 0; }
    .banner img {
      max-width: 100%;
      max-height: 290px; }
  .missao {
    height: 160px; }
    .missao img {
      height: 160px;
      max-width: 100%; }
    .missao .text-missao {
      margin-top: -130px;
      color: white;
      font-family: Ruda Bold; }
      .missao .text-missao mark {
        background-color: #657fba;
        color: white; }
      .missao .text-missao li {
        font-size: 15px;
        display: block; }
    .missao .seta-azul {
      display: none; }
  .marcas .marcas-historia {
    height: 300px;
    overflow: hidden;
    z-index: 0; }
    .marcas .marcas-historia .rabisco img {
      width: 50%;
      display: none; }
    .marcas .marcas-historia .banner-marcas {
      z-index: 2; }
      .marcas .marcas-historia .banner-marcas p {
        font-size: 29px;
        font-family: Ruda Black;
        margin-top: 6%; }
      .marcas .marcas-historia .banner-marcas mark {
        background-color: #f47d41;
        color: white; }
    .marcas .marcas-historia .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: 460px) and (max-width: 500.98px) {
  .background {
    background-image: url(../images/bg-mobile.png);
    height: 550px; }
    .background .menu-logo img {
      width: 18%; }
    .background .menu-logo .social-media {
      width: 50%;
      padding: 0; }
      .background .menu-logo .social-media img {
        width: 12%;
        margin: 15% 0 0 15%; }
      .background .menu-logo .social-media ul {
        width: 100%; }
    .background .menu-logo .menu {
      margin: 0 11.5%; }
  .cubo {
    display: none; }
  .text {
    width: 50%;
    margin: -65% 0 0 35%; }
  .banner {
    height: 229px;
    background-attachment: inherit; }
    .banner .text-banner {
      padding-top: 17%; }
      .banner .text-banner .text-banner-two {
        margin-left: 5px; }
      .banner .text-banner .text-banner-three {
        display: none; }
      .banner .text-banner p {
        margin: 0;
        -webkit-text-stroke: 1px white; }
        .banner .text-banner p mark {
          margin-left: 5%;
          -webkit-text-stroke: 1px #91b3ff;
          background-color: black;
          color: transparent;
          text-shadow: 0 0 0.5px #91b3ff;
          top: 0; }
    .banner img {
      max-width: 100%;
      max-height: 290px; }
  .missao {
    height: 180px; }
    .missao img {
      height: 160px;
      max-width: 100%; }
    .missao .text-missao {
      margin-top: -130px;
      color: white;
      font-family: Ruda Bold; }
      .missao .text-missao mark {
        background-color: #657fba;
        color: white; }
      .missao .text-missao li {
        font-size: 15px;
        display: block; }
    .missao .seta-azul {
      display: none; }
  .marcas .marcas-historia {
    height: 340px;
    overflow: hidden;
    z-index: 0; }
    .marcas .marcas-historia .rabisco img {
      width: 50%;
      display: none; }
    .marcas .marcas-historia .banner-marcas {
      z-index: 2; }
      .marcas .marcas-historia .banner-marcas p {
        font-size: 32px;
        font-family: Ruda Black;
        margin-top: 6%; }
      .marcas .marcas-historia .banner-marcas mark {
        background-color: #f47d41;
        color: white; }
    .marcas .marcas-historia .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: 501px) and (max-width: 526.98px) {
  .background {
    background-image: url(../images/bg-mobile.png);
    height: 550px; }
    .background .menu-logo img {
      width: 17%; }
    .background .menu-logo .social-media {
      width: 50%;
      padding: 0; }
      .background .menu-logo .social-media img {
        width: 10%;
        margin: 15% 0 0 10%; }
      .background .menu-logo .social-media ul {
        width: 100%; }
    .background .menu-logo .menu {
      margin: 0 11%; }
  .cubo {
    display: none; }
  .text {
    width: 50%;
    margin: -60% 0 0 35%; }
  .banner {
    height: 250px;
    background-attachment: inherit; }
    .banner .text-banner {
      padding-top: 18%; }
      .banner .text-banner .text-banner-two {
        margin-left: 5px; }
      .banner .text-banner .text-banner-three {
        display: none; }
      .banner .text-banner p {
        margin: 0;
        -webkit-text-stroke: 1px white; }
        .banner .text-banner p mark {
          margin-left: 5%;
          -webkit-text-stroke: 1px #91b3ff;
          background-color: black;
          color: transparent;
          text-shadow: 0 0 0.5px #91b3ff;
          top: 0; }
    .banner img {
      max-width: 100%;
      max-height: 290px; }
  .missao {
    height: 160px; }
    .missao img {
      height: 160px;
      max-width: 100%; }
    .missao .text-missao {
      margin-top: -130px;
      color: white;
      font-family: Ruda Bold; }
      .missao .text-missao mark {
        background-color: #657fba;
        color: white; }
      .missao .text-missao li {
        font-size: 15px;
        display: block; }
    .missao .seta-azul {
      display: none; }
  .marcas .marcas-historia {
    height: 270px;
    overflow: hidden;
    z-index: 0; }
    .marcas .marcas-historia .rabisco img {
      width: 50%;
      display: none; }
    .marcas .marcas-historia .banner-marcas {
      z-index: 2; }
      .marcas .marcas-historia .banner-marcas p {
        font-size: 26px;
        font-family: Ruda Black;
        margin-top: 6%; }
      .marcas .marcas-historia .banner-marcas mark {
        background-color: #f47d41;
        color: white; }
    .marcas .marcas-historia .marcas-img img {
      width: 250px; }
  footer {
    height: 275px; }
    footer .footer-bg {
      height: 100%; }
    footer .marca-footer p {
      display: none; }
    footer .marca-footer img {
      height: 90px;
      margin: 80% 45%; }
    footer .social-media-footer p {
      color: white;
      width: 65%;
      margin: 5% 30%;
      font-size: 15px; }
    footer .social-media-footer .social-media {
      width: 85%; }
      footer .social-media-footer .social-media img {
        width: 25%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 527px) and (max-width: 575.98px) {
  .background {
    background-image: url(../images/bg-mobile.png);
    height: 550px; }
    .background .menu-logo img {
      width: 16%; }
    .background .menu-logo .social-media {
      width: 50%;
      padding: 0; }
      .background .menu-logo .social-media img {
        width: 9.5%;
        margin: 15% 0 0 10%; }
      .background .menu-logo .social-media ul {
        width: 100%; }
    .background .menu-logo .menu {
      margin: 0 11%; }
  .cubo {
    display: none; }
  .text {
    width: 50%;
    margin: -50% 0 0 35%; }
  .banner {
    height: 263px;
    background-attachment: inherit; }
    .banner .text-banner {
      padding-top: 18%; }
      .banner .text-banner .text-banner-two {
        margin-left: 5px; }
      .banner .text-banner .text-banner-three {
        display: none; }
      .banner .text-banner p {
        margin: 0;
        -webkit-text-stroke: 1px white; }
        .banner .text-banner p mark {
          margin-left: 5%;
          -webkit-text-stroke: 1px #91b3ff;
          background-color: black;
          color: transparent;
          text-shadow: 0 0 0.5px #91b3ff;
          top: 0; }
    .banner img {
      max-width: 100%;
      max-height: 290px; }
  .missao {
    height: 160px; }
    .missao img {
      height: 160px;
      max-width: 100%; }
    .missao .text-missao {
      margin-top: -130px;
      color: white;
      font-family: Ruda Bold; }
      .missao .text-missao mark {
        background-color: #657fba;
        color: white; }
      .missao .text-missao li {
        font-size: 15px;
        display: block; }
    .missao .seta-azul {
      display: none; }
  .marcas .marcas-historia {
    height: 280px;
    overflow: hidden;
    z-index: 0; }
    .marcas .marcas-historia .rabisco img {
      width: 50%;
      display: none; }
    .marcas .marcas-historia .banner-marcas {
      z-index: 2; }
      .marcas .marcas-historia .banner-marcas p {
        font-size: 26px;
        font-family: Ruda Black;
        margin-top: 6%; }
      .marcas .marcas-historia .banner-marcas mark {
        background-color: #f47d41;
        color: white; }
    .marcas .marcas-historia .marcas-img img {
      width: 250px; }
  footer {
    height: 275px; }
    footer .footer-bg {
      height: 100%; }
    footer .marca-footer p {
      display: none; }
    footer .marca-footer img {
      height: 90px;
      margin: 80% 45%; }
    footer .social-media-footer p {
      color: white;
      width: 65%;
      margin: 5% 30%;
      font-size: 15px; }
    footer .social-media-footer .social-media {
      width: 85%; }
      footer .social-media-footer .social-media img {
        width: 25%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 576px) and (max-width: 610.98px) {
  .background {
    background-image: url(../images/bg-mobile.png);
    height: 550px; }
    .background .menu-logo img {
      width: 14%; }
    .background .menu-logo .social-media {
      width: 50%;
      padding: 0; }
      .background .menu-logo .social-media img {
        width: 8.5%;
        margin: 15% 0 0 12%; }
      .background .menu-logo .social-media ul {
        width: 100%; }
    .background .menu-logo .menu {
      margin: 0 10%; }
    .background .cubo img {
      width: 250px;
      margin: 17% 0 0 45%; }
  .text {
    width: 50%;
    margin: -55% 0 0 35%; }
  .banner {
    background-attachment: inherit; }
    .banner .text-banner {
      height: 290px;
      font-size: 25px;
      padding-top: 20%; }
      .banner .text-banner .text-banner-two {
        margin-left: 5px; }
      .banner .text-banner .text-banner-three {
        display: none; }
      .banner .text-banner p {
        margin: 0;
        -webkit-text-stroke: 2px #91b3ff;
        font-family: Ruda Black; }
        .banner .text-banner p mark {
          margin-left: 5%;
          -webkit-text-stroke: 1px #91b3ff;
          background-color: black;
          color: transparent;
          text-shadow: -2px 0.5px 1px #657fba;
          top: 0; }
    .banner img {
      width: 100%; }
  .missao {
    height: 160px; }
    .missao img {
      width: 100%;
      height: 100%; }
    .missao .text-missao {
      margin-top: -130px;
      color: white;
      font-family: Ruda Bold; }
      .missao .text-missao mark {
        background-color: #657fba;
        color: white; }
      .missao .text-missao li {
        font-size: 15px;
        display: block; }
    .missao .seta-azul {
      display: none; }
  .marcas .marcas-historia {
    height: 250px;
    z-index: 0; }
    .marcas .marcas-historia .rabisco img {
      display: none; }
    .marcas .marcas-historia .banner-marcas {
      z-index: 2; }
      .marcas .marcas-historia .banner-marcas p {
        margin-top: 7%;
        font-size: 26px;
        font-family: Ruda Black; }
      .marcas .marcas-historia .banner-marcas mark {
        background-color: #f47d41;
        color: white; }
  .marcas .marcas-img img {
    width: 250px; }
  footer {
    height: 275px;
    vertical-align: center; }
    footer .footer-bg {
      height: 100%; }
    footer .marca-footer p {
      display: none; }
    footer .marca-footer img {
      height: 90px;
      margin: 70% 60%; }
    footer .social-media-footer p {
      color: white;
      width: 65%;
      margin: 5% 39%;
      font-size: 15px; }
    footer .social-media-footer .social-media {
      width: 75%; }
      footer .social-media-footer .social-media img {
        width: 25%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 611px) and (max-width: 645.98px) {
  .background {
    background-image: url(../images/bg-mobile.png);
    height: 550px; }
    .background .menu-logo img {
      width: 14%; }
    .background .menu-logo .social-media {
      width: 50%;
      padding: 0; }
      .background .menu-logo .social-media img {
        width: 8.5%;
        margin: 15% 0 0 12%; }
      .background .menu-logo .social-media ul {
        width: 100%; }
    .background .menu-logo .menu {
      margin: 0 10%; }
    .background .cubo img {
      width: 250px;
      margin: 15% 0 0 45%; }
  .text {
    width: 50%;
    margin: -52% 0 0 35%; }
  .banner {
    height: 300px; }
    .banner .text-banner {
      font-size: 28px;
      padding-top: 13%; }
      .banner .text-banner .text-banner-two {
        margin-left: 5px; }
      .banner .text-banner .text-banner-three {
        display: none; }
      .banner .text-banner p {
        margin: 0;
        -webkit-text-stroke: 2px #91b3ff;
        font-family: Ruda Black; }
        .banner .text-banner p mark {
          margin-left: 5%;
          -webkit-text-stroke: 1px #91b3ff;
          background-color: black;
          color: transparent;
          text-shadow: -2px 0.5px 1px #657fba;
          top: 0; }
    .banner img {
      width: 100%; }
  .missao {
    height: 160px; }
    .missao img {
      width: 100%;
      height: 100%; }
    .missao .text-missao {
      margin-top: -130px;
      color: white;
      font-family: Ruda Bold; }
      .missao .text-missao mark {
        background-color: #657fba;
        color: white; }
      .missao .text-missao li {
        font-size: 15px;
        display: block; }
    .missao .seta-azul {
      display: none; }
  .marcas .marcas-historia {
    height: 240px;
    z-index: 0; }
    .marcas .marcas-historia .rabisco img {
      display: none; }
    .marcas .marcas-historia .banner-marcas {
      z-index: 2; }
      .marcas .marcas-historia .banner-marcas p {
        margin-top: 5%;
        font-size: 26px;
        font-family: Ruda Black; }
      .marcas .marcas-historia .banner-marcas mark {
        background-color: #f47d41;
        color: white; }
  .marcas .marcas-img img {
    width: 250px; }
  footer .footer-bg {
    height: 300px; }
  footer .marca-footer p {
    display: none; }
  footer .marca-footer img {
    margin: 54% 35%;
    width: 80%; }
  footer .social-media-footer {
    margin: 5%; }
    footer .social-media-footer p {
      color: white;
      width: 80%;
      margin: 0 15%; }
    footer .social-media-footer .social-media {
      width: 100%; }
      footer .social-media-footer .social-media img {
        width: 25%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 646px) and (max-width: 670.98px) {
  .background {
    background-image: url(../images/bg-mobile.png);
    height: 550px; }
    .background .menu-logo img {
      width: 13%; }
    .background .menu-logo .social-media {
      width: 50%;
      padding: 0; }
      .background .menu-logo .social-media img {
        width: 8.5%;
        margin: 15% 0 0 13%; }
      .background .menu-logo .social-media ul {
        width: 100%; }
    .background .menu-logo .menu {
      margin: 0 9.5%; }
    .background .cubo img {
      width: 250px;
      margin: 10% 0 0 45%; }
  .text {
    width: 50%;
    margin: -50% 0 0 35%; }
  .banner {
    height: 370px; }
    .banner .text-banner {
      font-size: 30px;
      padding-top: 13%; }
      .banner .text-banner .text-banner-two {
        margin-left: 5px; }
      .banner .text-banner .text-banner-three {
        display: none; }
      .banner .text-banner p {
        margin: 0;
        -webkit-text-stroke: 2px #91b3ff;
        font-family: Ruda Black; }
        .banner .text-banner p mark {
          margin-left: 5%;
          -webkit-text-stroke: 1px #91b3ff;
          background-color: black;
          color: transparent;
          text-shadow: -1px 1.5px #657fba;
          top: 0; }
    .banner img {
      width: 100%; }
  .missao {
    height: 160px; }
    .missao img {
      width: 100%;
      height: 100%; }
    .missao .text-missao {
      margin-top: -130px;
      color: white;
      font-family: Ruda Bold; }
      .missao .text-missao mark {
        background-color: #657fba;
        color: white; }
      .missao .text-missao li {
        font-size: 15px;
        display: block; }
    .missao .seta-azul {
      display: none; }
  .marcas .marcas-historia {
    height: 230px;
    z-index: 0; }
    .marcas .marcas-historia .rabisco img {
      display: none; }
    .marcas .marcas-historia .banner-marcas {
      z-index: 2; }
      .marcas .marcas-historia .banner-marcas p {
        margin-top: 4%;
        font-size: 26px;
        font-family: Ruda Black; }
      .marcas .marcas-historia .banner-marcas mark {
        background-color: #f47d41;
        color: white; }
  .marcas .marcas-img img {
    width: 250px; }
  footer .footer-bg {
    height: 300px; }
  footer .marca-footer p {
    display: none; }
  footer .marca-footer img {
    margin: 54% 35%;
    width: 80%; }
  footer .social-media-footer {
    margin: 5%; }
    footer .social-media-footer p {
      color: white;
      width: 80%;
      margin: 0 15%; }
    footer .social-media-footer .social-media {
      width: 100%; }
      footer .social-media-footer .social-media img {
        width: 25%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 671px) and (max-width: 720.98px) {
  .background {
    background-image: url(../images/bg-mobile.png);
    height: 550px; }
    .background .menu-logo img {
      width: 12.5%; }
    .background .menu-logo .social-media {
      width: 50%;
      padding: 0; }
      .background .menu-logo .social-media img {
        width: 8%;
        margin: 15% 0 0 13%; }
      .background .menu-logo .social-media ul {
        width: 100%; }
    .background .menu-logo .menu {
      margin: 0 9.5%; }
    .background .cubo img {
      width: 250px;
      margin: 10% 0 0 45%; }
  .text {
    width: 50%;
    margin: -45% 0 0 35%; }
  .banner {
    height: 370px; }
    .banner .text-banner {
      font-size: 30px;
      padding-top: 13%; }
      .banner .text-banner .text-banner-two {
        margin-left: 5px; }
      .banner .text-banner .text-banner-three {
        display: none; }
      .banner .text-banner p {
        margin: 0;
        -webkit-text-stroke: 2px #91b3ff;
        font-family: Ruda Black; }
        .banner .text-banner p mark {
          margin-left: 5%;
          -webkit-text-stroke: 1px #91b3ff;
          background-color: black;
          color: transparent;
          text-shadow: -1px 1.5px #657fba;
          top: 0; }
    .banner img {
      width: 100%; }
  .missao {
    height: 160px; }
    .missao img {
      width: 100%;
      height: 100%; }
    .missao .text-missao {
      margin-top: -130px;
      color: white;
      font-family: Ruda Bold; }
      .missao .text-missao mark {
        background-color: #657fba;
        color: white; }
      .missao .text-missao li {
        font-size: 15px;
        display: block; }
    .missao .seta-azul {
      display: none; }
  .marcas .marcas-historia {
    height: 220px;
    z-index: 0; }
    .marcas .marcas-historia .rabisco img {
      display: none; }
    .marcas .marcas-historia .banner-marcas {
      z-index: 2; }
      .marcas .marcas-historia .banner-marcas p {
        margin-top: 4%;
        font-size: 26px;
        font-family: Ruda Black; }
      .marcas .marcas-historia .banner-marcas mark {
        background-color: #f47d41;
        color: white; }
  .marcas .marcas-img img {
    width: 230px; }
  footer .footer-bg {
    height: 300px; }
  footer .marca-footer p {
    display: none; }
  footer .marca-footer img {
    margin: 54% 35%;
    width: 80%; }
  footer .social-media-footer {
    margin: 5%; }
    footer .social-media-footer p {
      color: white;
      width: 80%;
      margin: 0 15%; }
    footer .social-media-footer .social-media {
      width: 100%; }
      footer .social-media-footer .social-media img {
        width: 25%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 721px) and (max-width: 766.98px) {
  .background {
    background-image: url(../images/bg-mobile.png);
    height: 550px; }
    .background .menu-logo img {
      width: 12%; }
    .background .menu-logo .social-media {
      width: 50%;
      padding: 0; }
      .background .menu-logo .social-media img {
        width: 8%;
        margin: 15% 0 0 13%; }
      .background .menu-logo .social-media ul {
        width: 100%; }
    .background .menu-logo .menu {
      margin: 0 9%; }
    .background .cubo img {
      width: 250px;
      margin: 10% 0 0 45%; }
  .text {
    width: 50%;
    margin: -45% 0 0 35%; }
  .banner {
    height: 370px; }
    .banner .text-banner {
      font-size: 30px;
      padding-top: 13%; }
      .banner .text-banner .text-banner-two {
        margin-left: 5px; }
      .banner .text-banner .text-banner-three {
        display: none; }
      .banner .text-banner p {
        margin: 0;
        -webkit-text-stroke: 2px #91b3ff;
        font-family: Ruda Black; }
        .banner .text-banner p mark {
          margin-left: 5%;
          -webkit-text-stroke: 1px #91b3ff;
          background-color: black;
          color: transparent;
          text-shadow: -1.5px 1.5px #657fba;
          top: 0; }
    .banner img {
      width: 100%; }
  .missao {
    height: 160px; }
    .missao img {
      width: 100%;
      height: 100%; }
    .missao .text-missao {
      margin-top: -130px;
      color: white;
      font-family: Ruda Bold; }
      .missao .text-missao mark {
        background-color: #657fba;
        color: white; }
      .missao .text-missao li {
        font-size: 15px;
        display: block; }
    .missao .seta-azul {
      display: none; }
  .marcas .marcas-historia {
    height: 275px;
    z-index: 0; }
    .marcas .marcas-historia .rabisco img {
      width: 20%;
      margin: 0 0 1% 58%; }
    .marcas .marcas-historia .banner-marcas {
      z-index: 2; }
      .marcas .marcas-historia .banner-marcas p {
        margin-top: -7%;
        font-size: 23px;
        font-family: Ruda Black; }
      .marcas .marcas-historia .banner-marcas mark {
        background-color: transparent;
        color: #657fba; }
      .marcas .marcas-historia .banner-marcas span {
        color: white;
        background-color: #657fba; }
  .marcas .marcas-img img {
    width: 250px; }
  footer .footer-bg {
    height: 300px; }
  footer .marca-footer p {
    display: none; }
  footer .marca-footer img {
    margin: 54% 35%;
    width: 80%; }
  footer .social-media-footer {
    margin: 5%; }
    footer .social-media-footer p {
      color: white;
      width: 80%;
      margin: 0 15%; }
    footer .social-media-footer .social-media {
      width: 100%; }
      footer .social-media-footer .social-media img {
        width: 25%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 767px) and (max-width: 789px) {
  .background {
    background-image: url(../images/bg-mobile.png);
    height: 550px; }
    .background .menu-logo img {
      width: 12%; }
    .background .menu-logo .social-media {
      width: 30%;
      padding: 0; }
      .background .menu-logo .social-media img {
        width: 12%;
        margin: 15% 0 0 6%; }
      .background .menu-logo .social-media ul {
        width: 100%; }
    .background .menu-logo .menu {
      margin: 0 9.5%; }
    .background .cubo img {
      width: 250px;
      margin: 5% 0 0 45%; }
  .text {
    width: 50%;
    margin: -40% 0 0 35%; }
  .banner {
    height: 370px; }
    .banner .text-banner {
      font-size: 30px;
      padding-top: 13%; }
      .banner .text-banner .text-banner-two {
        margin-left: 5px; }
      .banner .text-banner .text-banner-three {
        display: none; }
      .banner .text-banner p {
        margin: 0;
        -webkit-text-stroke: 2px #91b3ff;
        font-family: Ruda Black; }
        .banner .text-banner p mark {
          margin-left: 5%;
          -webkit-text-stroke: 1px #91b3ff;
          background-color: black;
          color: transparent;
          text-shadow: -1.5px 1.5px #657fba;
          top: 0; }
    .banner img {
      width: 100%; }
  .missao {
    height: 160px; }
    .missao img {
      width: 100%;
      height: 100%; }
    .missao .text-missao {
      margin-top: -130px;
      color: white;
      font-family: Ruda Bold; }
      .missao .text-missao mark {
        background-color: #657fba;
        color: white; }
      .missao .text-missao li {
        font-size: 15px;
        display: block; }
    .missao .seta-azul {
      display: none; }
  .marcas .marcas-historia {
    height: 275px;
    z-index: 0; }
    .marcas .marcas-historia .rabisco img {
      width: 20%;
      margin: 0 0 1% 58%; }
    .marcas .marcas-historia .banner-marcas {
      z-index: 2; }
      .marcas .marcas-historia .banner-marcas p {
        margin-top: -6%;
        font-size: 23px;
        font-family: Ruda Black; }
      .marcas .marcas-historia .banner-marcas mark {
        background-color: transparent;
        color: #657fba; }
      .marcas .marcas-historia .banner-marcas span {
        color: white;
        background-color: #657fba; }
  .marcas .marcas-img img {
    width: 250px; }
  footer .footer-bg {
    height: 300px; }
  footer .marca-footer p {
    display: none; }
  footer .marca-footer img {
    margin: 54% 35%;
    width: 80%; }
  footer .social-media-footer {
    margin: 5%; }
    footer .social-media-footer p {
      color: white;
      width: 80%;
      margin: 0 15%; }
    footer .social-media-footer .social-media {
      width: 100%; }
      footer .social-media-footer .social-media img {
        width: 25%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 790px) and (max-width: 829.98px) {
  .background {
    background-image: url(../images/bg-mobile.png);
    height: 550px; }
    .background .menu-logo img {
      width: 11%; }
    .background .menu-logo .social-media {
      width: 30%;
      padding: 0; }
      .background .menu-logo .social-media img {
        margin: 15% 0 0 3%; }
      .background .menu-logo .social-media ul {
        width: 100%; }
    .background .menu-logo .menu {
      margin: 0 9%; }
    .background .cubo img {
      width: 250px;
      margin: 5% 0 0 45%; }
  .text {
    width: 50%;
    margin: -40% 0 0 35%; }
  .banner {
    height: 370px; }
    .banner .text-banner {
      font-size: 33px;
      padding-top: 13%; }
      .banner .text-banner .text-banner-two {
        margin-left: 5px; }
      .banner .text-banner .text-banner-three {
        display: none; }
      .banner .text-banner p {
        margin: 0;
        -webkit-text-stroke: 2px #91b3ff;
        font-family: Ruda Black; }
        .banner .text-banner p mark {
          margin-left: 5%;
          -webkit-text-stroke: 1px #91b3ff;
          background-color: black;
          color: transparent;
          text-shadow: -2px 1.5px #657fba;
          top: 0; }
    .banner img {
      width: 100%; }
  .missao {
    height: 160px; }
    .missao img {
      width: 100%;
      height: 100%; }
    .missao .text-missao {
      margin-top: -130px;
      color: white;
      font-family: Ruda Bold; }
      .missao .text-missao mark {
        background-color: #657fba;
        color: white; }
      .missao .text-missao li {
        font-size: 15px;
        display: block; }
    .missao .seta-azul {
      display: none; }
  .marcas .marcas-historia {
    height: 275px;
    z-index: 0; }
    .marcas .marcas-historia .rabisco img {
      width: 20%;
      margin: 0 0 1% 58%; }
    .marcas .marcas-historia .banner-marcas {
      z-index: 2; }
      .marcas .marcas-historia .banner-marcas p {
        margin-top: -6%;
        font-size: 23px;
        font-family: Ruda Black; }
      .marcas .marcas-historia .banner-marcas mark {
        background-color: transparent;
        color: #657fba; }
      .marcas .marcas-historia .banner-marcas span {
        color: white;
        background-color: #657fba; }
  .marcas .marcas-img img {
    width: 250px; }
  footer .footer-bg {
    height: 300px; }
  footer .marca-footer p {
    display: none; }
  footer .marca-footer img {
    margin: 53% 35%;
    width: 80%; }
  footer .social-media-footer {
    margin: 5%; }
    footer .social-media-footer p {
      color: white;
      width: 80%;
      margin: 0 15%; }
    footer .social-media-footer .social-media {
      width: 100%; }
      footer .social-media-footer .social-media img {
        width: 25%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 830px) and (max-width: 889.98px) {
  .background {
    background-image: url(../images/bg-mobile.png);
    height: 550px; }
    .background .menu-logo img {
      width: 11%; }
    .background .menu-logo .social-media {
      width: 30%;
      padding: 0; }
      .background .menu-logo .social-media img {
        margin: 15% 0 0 3%; }
      .background .menu-logo .social-media ul {
        width: 100%; }
    .background .menu-logo .menu {
      margin: 0 9%; }
    .background .cubo img {
      width: 250px;
      margin: 5% 0 0 45%; }
  .text {
    width: 50%;
    margin: -40% 0 0 35%; }
  .banner {
    height: 370px; }
    .banner .text-banner {
      font-size: 33px;
      padding-top: 13%; }
      .banner .text-banner .text-banner-two {
        margin-left: 5px; }
      .banner .text-banner .text-banner-three {
        display: none; }
      .banner .text-banner p {
        margin: 0;
        -webkit-text-stroke: 2px #91b3ff;
        font-family: Ruda Black; }
        .banner .text-banner p mark {
          margin-left: 5%;
          -webkit-text-stroke: 1px #91b3ff;
          background-color: black;
          color: transparent;
          text-shadow: -2px 0.5px 1px #657fba;
          top: 0; }
    .banner img {
      width: 100%; }
  .missao {
    height: 160px; }
    .missao img {
      width: 100%;
      height: 100%; }
    .missao .text-missao {
      margin-top: -130px;
      color: white;
      font-family: Ruda Bold; }
      .missao .text-missao mark {
        background-color: #657fba;
        color: white; }
      .missao .text-missao li {
        font-size: 15px;
        display: block; }
    .missao .seta-azul {
      display: none; }
  .marcas .marcas-historia {
    height: 280px;
    z-index: 0; }
    .marcas .marcas-historia .rabisco img {
      width: 20%;
      margin: 0 0 1% 58%; }
    .marcas .marcas-historia .banner-marcas {
      z-index: 2; }
      .marcas .marcas-historia .banner-marcas p {
        margin-top: -7%;
        font-size: 25px;
        font-family: Ruda Black; }
      .marcas .marcas-historia .banner-marcas mark {
        background-color: transparent;
        color: #657fba; }
      .marcas .marcas-historia .banner-marcas span {
        color: white;
        background-color: #657fba; }
  .marcas .marcas-img img {
    width: 250px; }
  footer .footer-bg {
    height: 300px; }
  footer .marca-footer p {
    display: none; }
  footer .marca-footer img {
    margin: 53% 35%;
    width: 80%; }
  footer .social-media-footer {
    margin: 5%; }
    footer .social-media-footer p {
      color: white;
      width: 80%;
      margin: 0 15%; }
    footer .social-media-footer .social-media {
      width: 100%; }
      footer .social-media-footer .social-media img {
        width: 25%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 890px) and (max-width: 929.98px) {
  .background {
    background-image: url(../images/bg-mobile.png);
    height: 550px; }
    .background .menu-logo img {
      width: 11%; }
    .background .menu-logo .social-media {
      width: 28%;
      padding: 0; }
      .background .menu-logo .social-media img {
        margin: 15% 0 0 3%; }
      .background .menu-logo .social-media ul {
        width: 100%; }
    .background .menu-logo .menu {
      margin: 0 9%; }
    .background .cubo img {
      width: 250px;
      margin: 5% 0 0 45%; }
  .text {
    width: 50%;
    margin: -36% 0 0 35%; }
  .banner {
    height: 415px; }
    .banner .text-banner {
      font-size: 33px;
      padding-top: 13%; }
      .banner .text-banner .text-banner-two {
        margin-left: 5px; }
      .banner .text-banner .text-banner-three {
        display: none; }
      .banner .text-banner p {
        margin: 0;
        -webkit-text-stroke: 2px #91b3ff;
        font-family: Ruda Black; }
        .banner .text-banner p mark {
          margin-left: 5%;
          -webkit-text-stroke: 1px #91b3ff;
          background-color: black;
          color: transparent;
          text-shadow: -2px 1.75px #657fba;
          top: 0; }
    .banner img {
      width: 100%; }
  .missao {
    height: 160px; }
    .missao img {
      width: 100%;
      height: 100%; }
    .missao .text-missao {
      margin-top: -130px;
      color: white;
      font-family: Ruda Bold; }
      .missao .text-missao mark {
        background-color: #657fba;
        color: white; }
      .missao .text-missao li {
        font-size: 15px;
        display: block; }
    .missao .seta-azul {
      display: none; }
  .marcas .marcas-historia {
    height: 300px;
    z-index: 0; }
    .marcas .marcas-historia .rabisco img {
      width: 20%;
      margin: 0 0 1% 58%; }
    .marcas .marcas-historia .banner-marcas {
      z-index: 2; }
      .marcas .marcas-historia .banner-marcas p {
        margin-top: -7%;
        font-size: 25px;
        font-family: Ruda Black; }
      .marcas .marcas-historia .banner-marcas mark {
        background-color: transparent;
        color: #657fba; }
      .marcas .marcas-historia .banner-marcas span {
        color: white;
        background-color: #657fba; }
  .marcas .marcas-img img {
    width: 250px; }
  footer .footer-bg {
    height: 280px; }
  footer .marca-footer p {
    display: none; }
  footer .marca-footer img {
    margin: 53% 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: 930px) and (max-width: 970.98px) {
  .background {
    background-image: url(../images/bg-mobile.png);
    height: 570px; }
    .background .menu-logo img {
      width: 10%; }
    .background .menu-logo .social-media {
      width: 28%;
      padding: 0; }
      .background .menu-logo .social-media img {
        margin: 15% 0 0 3%; }
      .background .menu-logo .social-media ul {
        width: 100%; }
    .background .menu-logo .menu {
      margin: 0 9%; }
    .background .cubo img {
      width: 250px;
      margin: 5% 0 0 45%; }
  .text {
    width: 50%;
    margin: -36% 0 0 35%; }
  .banner {
    height: 430px; }
    .banner .text-banner {
      font-size: 35px;
      padding-top: 13%; }
      .banner .text-banner .text-banner-two {
        margin-left: 5px; }
      .banner .text-banner .text-banner-three {
        display: none; }
      .banner .text-banner p {
        margin: 0;
        -webkit-text-stroke: 2px #91b3ff;
        font-family: Ruda Black; }
        .banner .text-banner p mark {
          margin-left: 5%;
          -webkit-text-stroke: 1px #91b3ff;
          background-color: black;
          color: transparent;
          text-shadow: -2px 2px #657fba;
          top: 0; }
    .banner img {
      width: 100%; }
  .missao {
    height: 160px; }
    .missao img {
      width: 100%;
      height: 100%; }
    .missao .text-missao {
      margin-top: -130px;
      color: white;
      font-family: Ruda Bold; }
      .missao .text-missao mark {
        background-color: #657fba;
        color: white; }
      .missao .text-missao li {
        font-size: 15px;
        display: block; }
    .missao .seta-azul {
      display: none; }
  .marcas .marcas-historia {
    height: 300px;
    z-index: 0; }
    .marcas .marcas-historia .rabisco img {
      width: 20%;
      margin: 0 0 1% 58%; }
    .marcas .marcas-historia .banner-marcas {
      z-index: 2; }
      .marcas .marcas-historia .banner-marcas p {
        margin-top: -7%;
        font-size: 27px;
        font-family: Ruda Black; }
      .marcas .marcas-historia .banner-marcas mark {
        background-color: transparent;
        color: #657fba; }
      .marcas .marcas-historia .banner-marcas span {
        color: white;
        background-color: #657fba; }
  .marcas .marcas-img img {
    width: 250px; }
  footer .footer-bg {
    height: 300px; }
  footer .marca-footer p {
    display: none; }
  footer .marca-footer img {
    margin: 53% 35%;
    width: 80%; }
  footer .social-media-footer {
    margin: 5%; }
    footer .social-media-footer p {
      color: white;
      width: 80%;
      margin: 0 15%; }
    footer .social-media-footer .social-media {
      width: 100%; }
      footer .social-media-footer .social-media img {
        width: 25%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 971px) and (max-width: 1010.98px) {
  .background {
    background: url(../images/bg_home.png) center center no-repeat;
    height: 700px;
    width: 100%; }
    .background .menu-logo .menu-nav {
      height: 410px; }
    .background .menu-logo li {
      margin-top: 3%; }
    .background .menu-logo .logo {
      width: 8%; }
    .background .menu-logo .social-media {
      width: 28%;
      padding: 0; }
      .background .menu-logo .social-media img {
        margin: 15% 0 0 3%; }
      .background .menu-logo .social-media ul {
        width: 100%; }
    .background .menu-logo .menu {
      margin: 0 7.75%; }
    .background .cubo img {
      width: 300px;
      position: relative;
      margin: -20% 0 0 50%; }
  .text {
    width: 50%;
    position: relative;
    margin: -20% 0 0 18%; }
    .text h4 {
      margin-right: -20%;
      width: 60%; }
  .banner {
    height: 465px; }
    .banner .text-banner {
      font-size: 35px;
      padding-top: 13%; }
      .banner .text-banner .text-banner-two {
        margin-left: 5px; }
      .banner .text-banner .text-banner-three {
        display: none; }
      .banner .text-banner p {
        margin: 0;
        -webkit-text-stroke: 2px #91b3ff;
        font-family: Ruda Bold; }
        .banner .text-banner p mark {
          margin-left: 5%;
          -webkit-text-stroke: 1px #91b3ff;
          background-color: black;
          color: transparent;
          text-shadow: -2px 2px #657fba;
          top: 0; }
    .banner img {
      width: 100%; }
  .missao {
    height: 160px; }
    .missao img {
      width: 100%;
      height: 100%; }
    .missao .text-missao {
      margin-top: -130px;
      color: white;
      font-family: Ruda Bold; }
      .missao .text-missao mark {
        background-color: #657fba;
        color: white; }
      .missao .text-missao li {
        font-size: 15px;
        display: block; }
    .missao .seta-azul {
      display: none; }
  .marcas .marcas-historia {
    height: 300px;
    z-index: 0; }
    .marcas .marcas-historia .rabisco img {
      width: 20%;
      margin: 0 0 0 58%; }
    .marcas .marcas-historia .banner-marcas {
      z-index: 2; }
      .marcas .marcas-historia .banner-marcas p {
        margin-top: -6%;
        font-size: 27px;
        font-family: Ruda Black; }
      .marcas .marcas-historia .banner-marcas mark {
        background-color: transparent;
        color: #657fba; }
      .marcas .marcas-historia .banner-marcas span {
        color: white;
        background-color: #657fba; }
    .marcas .marcas-historia .marcas-img img {
      width: 250px;
      display: inherit;
      /*margin: 0 70%;*/ }
  footer {
    height: 275px;
    vertical-align: center; }
    footer .footer-bg {
      height: 100%; }
    footer .marca-footer p {
      font-family: Ruda Black;
      font-size: 20px;
      color: #E75229;
      width: 100%;
      margin: 8% 0 0 -43%; }
    footer .marca-footer img {
      height: 150px;
      margin: -232px 0 0 300px; }
    footer .social-media-footer p {
      color: white;
      width: 65%;
      margin: 8% 20%;
      font-size: 15px; }
    footer .social-media-footer .social-media {
      width: 75%;
      margin: -7% 19% 0 0; }
      footer .social-media-footer .social-media img {
        width: 25%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 3%; } }

@media (min-width: 1011px) and (max-width: 1065.98px) {
  .background {
    background: url(../images/bg_home.png) center center no-repeat;
    height: 700px;
    width: 100%; }
    .background .menu-logo .menu-nav {
      height: 410px; }
    .background .menu-logo li {
      margin-top: 3%; }
    .background .menu-logo .logo {
      width: 8%; }
    .background .menu-logo .social-media {
      width: 28%;
      padding: 0; }
      .background .menu-logo .social-media img {
        margin: 15% 0 0 3%; }
      .background .menu-logo .social-media ul {
        width: 100%; }
    .background .menu-logo .menu {
      margin: 0 7.75%; }
    .background .cubo img {
      width: 300px;
      position: relative;
      margin: -20% 0 0 50%; }
  .text {
    width: 50%;
    position: relative;
    margin: -20% 0 0 18%; }
    .text h4 {
      margin-right: -20%;
      width: 60%; }
  .banner {
    height: 470px; }
    .banner .text-banner {
      font-size: 37px;
      padding-top: 13%; }
      .banner .text-banner .text-banner-two {
        margin-left: 5px; }
      .banner .text-banner .text-banner-three {
        display: none; }
      .banner .text-banner p {
        margin: 0;
        -webkit-text-stroke: 2px #91b3ff;
        font-family: Ruda Bold; }
        .banner .text-banner p mark {
          margin-left: 5%;
          -webkit-text-stroke: 1px #91b3ff;
          background-color: black;
          color: transparent;
          text-shadow: -1.5px 2px #657fba;
          top: 0; }
    .banner img {
      width: 100%; }
  .missao {
    height: 160px; }
    .missao img {
      width: 100%;
      height: 100%; }
    .missao .text-missao {
      margin-top: -130px;
      color: white;
      font-family: Ruda Bold; }
      .missao .text-missao mark {
        background-color: #657fba;
        color: white; }
      .missao .text-missao li {
        font-size: 15px;
        display: block; }
    .missao .seta-azul {
      display: none; }
  .marcas .marcas-historia {
    height: 300px;
    z-index: 0; }
    .marcas .marcas-historia .rabisco img {
      width: 20%;
      margin: 0 0 0 58%; }
    .marcas .marcas-historia .banner-marcas {
      z-index: 2; }
      .marcas .marcas-historia .banner-marcas p {
        margin-top: -6%;
        font-size: 29px;
        font-family: Ruda Black; }
      .marcas .marcas-historia .banner-marcas mark {
        background-color: transparent;
        color: #657fba; }
      .marcas .marcas-historia .banner-marcas span {
        color: white;
        background-color: #657fba; }
    .marcas .marcas-historia .marcas-img img {
      width: 250px;
      display: inherit;
      /*margin: 0 70%;*/ }
  footer {
    height: 275px;
    vertical-align: center; }
    footer .footer-bg {
      height: 100%; }
    footer .marca-footer p {
      font-family: Ruda Black;
      font-size: 20px;
      color: #E75229;
      width: 100%;
      margin: 8% 0 0 -43%; }
    footer .marca-footer img {
      height: 150px;
      margin: -232px 0 0 300px; }
    footer .social-media-footer p {
      color: white;
      width: 65%;
      margin: 8% 20%;
      font-size: 15px; }
    footer .social-media-footer .social-media {
      width: 75%;
      margin: -7% 19% 0 0; }
      footer .social-media-footer .social-media img {
        width: 25%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 3%; } }

@media (min-width: 1066px) and (max-width: 1099.98px) {
  .background {
    background: url(../images/bg_home.png) center center no-repeat;
    height: 700px;
    width: 100%; }
    .background .menu-logo .menu-nav {
      height: 410px; }
    .background .menu-logo li {
      margin-top: 3%; }
    .background .menu-logo .logo {
      width: 8%; }
    .background .menu-logo .social-media {
      width: 28%;
      padding: 0; }
      .background .menu-logo .social-media img {
        margin: 15% 0 0 3%; }
      .background .menu-logo .social-media ul {
        width: 100%; }
    .background .menu-logo .menu {
      margin: 0 7.75%; }
    .background .cubo img {
      width: 300px;
      position: relative;
      margin: -17% 0 0 45%; }
  .text {
    width: 50%;
    position: relative;
    margin: -20% 0 0 18%; }
    .text h4 {
      margin-right: -20%;
      width: 60%; }
  .banner {
    height: 500px; }
    .banner .text-banner {
      font-size: 38px;
      padding-top: 13%; }
      .banner .text-banner .text-banner-two {
        margin-left: 5px; }
      .banner .text-banner .text-banner-three {
        display: none; }
      .banner .text-banner p {
        margin: 0;
        -webkit-text-stroke: 2px #91b3ff;
        font-family: Ruda Bold; }
        .banner .text-banner p mark {
          margin-left: 5%;
          -webkit-text-stroke: 1px #91b3ff;
          background-color: black;
          color: transparent;
          text-shadow: -1.5px 2px #657fba;
          top: 0; }
    .banner img {
      width: 100%; }
  .missao {
    height: 160px; }
    .missao img {
      width: 100%;
      height: 100%; }
    .missao .text-missao {
      margin-top: -130px;
      color: white;
      font-family: Ruda Bold; }
      .missao .text-missao mark {
        background-color: #657fba;
        color: white; }
      .missao .text-missao li {
        font-size: 15px;
        display: block; }
    .missao .seta-azul {
      display: none; }
  .marcas .marcas-historia {
    height: 300px;
    z-index: 0; }
    .marcas .marcas-historia .rabisco img {
      width: 20%;
      margin: 0 0 0 58%; }
    .marcas .marcas-historia .banner-marcas {
      z-index: 2; }
      .marcas .marcas-historia .banner-marcas p {
        margin-top: -6%;
        font-size: 29px;
        font-family: Ruda Black; }
      .marcas .marcas-historia .banner-marcas mark {
        background-color: transparent;
        color: #657fba; }
      .marcas .marcas-historia .banner-marcas span {
        color: white;
        background-color: #657fba; }
    .marcas .marcas-historia .marcas-img img {
      width: 250px;
      display: inherit;
      /*margin: 0 70%;*/ }
  footer {
    height: 275px;
    vertical-align: center; }
    footer .footer-bg {
      height: 100%; }
    footer .marca-footer p {
      font-family: Ruda Black;
      font-size: 20px;
      color: #E75229;
      width: 100%;
      margin: 8% 0 0 -43%; }
    footer .marca-footer img {
      height: 150px;
      margin: -232px 0 0 300px; }
    footer .social-media-footer p {
      color: white;
      width: 65%;
      margin: 8% 20%;
      font-size: 15px; }
    footer .social-media-footer .social-media {
      width: 75%;
      margin: -7% 19% 0 0; }
      footer .social-media-footer .social-media img {
        width: 25%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 3%; } }

@media (min-width: 1100px) and (max-width: 1165.98px) {
  .background {
    background: url(../images/bg_home.png) center center no-repeat;
    height: 700px;
    width: 100%; }
    .background .menu-logo .menu-nav {
      height: 410px; }
    .background .menu-logo li {
      margin-top: 3%; }
    .background .menu-logo img {
      width: 7%;
      margin: 2% 0 0 2%; }
    .background .menu-logo .social-media {
      margin: 0 5%;
      padding: 0; }
      .background .menu-logo .social-media img {
        width: 27%;
        margin: 20% 0 0 3%; }
      .background .menu-logo .social-media ul {
        width: 100%; }
    .background .menu-logo .menu {
      margin: 0 4.5%; }
    .background .cubo img {
      width: 300px;
      position: relative;
      margin: -16% 0 0 50%; }
  .text {
    width: 50%;
    position: relative;
    margin: -18% 0 0 19%; }
    .text h4 {
      margin-right: -20%;
      width: 60%; }
  .banner {
    height: 516px; }
    .banner .text-banner {
      font-size: 38px;
      padding-top: 13%; }
      .banner .text-banner .text-banner-two {
        margin-left: 5px; }
      .banner .text-banner .text-banner-three {
        display: none; }
      .banner .text-banner p {
        margin: 0;
        -webkit-text-stroke: 2px #91b3ff;
        font-family: Ruda Bold; }
        .banner .text-banner p mark {
          margin-left: 5%;
          -webkit-text-stroke: 1px #91b3ff;
          background-color: black;
          color: transparent;
          text-shadow: -1.5px 2px #657fba;
          top: 0; }
    .banner img {
      width: 100%; }
  .missao {
    height: 160px; }
    .missao img {
      width: 100%;
      height: 100%; }
    .missao .text-missao {
      margin-top: -130px;
      color: white;
      font-family: Ruda Bold; }
      .missao .text-missao mark {
        background-color: #657fba;
        color: white; }
      .missao .text-missao li {
        font-size: 15px;
        display: block; }
    .missao .seta-azul {
      display: none; }
  .marcas .marcas-historia {
    height: 300px;
    z-index: 0; }
    .marcas .marcas-historia .rabisco img {
      width: 18%;
      margin: 0 0 0 60%; }
    .marcas .marcas-historia .banner-marcas {
      z-index: 2; }
      .marcas .marcas-historia .banner-marcas p {
        margin-top: -6%;
        font-size: 29px;
        font-family: Ruda Black; }
      .marcas .marcas-historia .banner-marcas mark {
        background-color: transparent;
        color: #657fba; }
      .marcas .marcas-historia .banner-marcas span {
        color: white;
        background-color: #657fba; }
    .marcas .marcas-historia .marcas-img img {
      width: 250px;
      display: inherit;
      /*margin: 0 70%;*/ }
  footer {
    height: 275px;
    vertical-align: center; }
    footer .footer-bg {
      height: 100%; }
    footer .marca-footer p {
      font-family: Ruda Black;
      font-size: 20px;
      color: #E75229;
      width: 100%;
      margin: 8% 0 0 -43%; }
    footer .marca-footer img {
      height: 150px;
      margin: -232px 0 0 300px; }
    footer .social-media-footer p {
      color: white;
      width: 65%;
      margin: 8% 20%;
      font-size: 15px; }
    footer .social-media-footer .social-media {
      width: 75%;
      margin: -7% 19% 0 0; }
      footer .social-media-footer .social-media img {
        width: 25%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 3%; } }

@media (min-width: 1166px) and (max-width: 1265.98px) {
  .background {
    background: url(../images/bg_home.png) center center no-repeat;
    height: 850px;
    width: 100%; }
    .background .menu-logo .menu-nav {
      height: 410px; }
    .background .menu-logo li {
      margin-top: 3%; }
    .background .menu-logo img {
      width: 7%;
      margin: 2% 0 0 2%; }
    .background .menu-logo .social-media {
      margin: 0 5%;
      padding: 0; }
      .background .menu-logo .social-media img {
        width: 27%;
        margin: 20% 0 0 3%; }
      .background .menu-logo .social-media ul {
        width: 100%; }
    .background .menu-logo .menu {
      margin: 0 4.5%; }
    .background .cubo img {
      width: 45%;
      margin: -24% 0 0 48%; }
  .text {
    width: 50%;
    margin: -10% 0 6% 20%; }
    .text h4 {
      width: 50%; }
  .banner {
    height: 500px; }
    .banner .text-banner {
      font-size: 47px;
      padding-top: 5%; }
      .banner .text-banner .text-banner-two {
        margin-left: 20px; }
      .banner .text-banner .text-banner-three {
        -webkit-text-stroke: 1px white;
        font-size: 23px;
        width: 27%;
        margin-left: 8%; }
      .banner .text-banner p {
        margin: 0;
        -webkit-text-stroke: 2px #91b3ff;
        font-family: Ruda Black; }
        .banner .text-banner p mark {
          margin-left: 5%;
          -webkit-text-stroke: 1px #91b3ff;
          background-color: black;
          color: transparent;
          text-shadow: -2.5px 2px #657fba;
          top: 0; }
    .banner img {
      width: 100%; }
  .missao {
    height: 250px; }
    .missao img {
      width: 100%;
      height: 100%; }
    .missao .text-missao {
      margin-top: -190px;
      font-size: 35px;
      color: white;
      font-family: Ruda Bold; }
      .missao .text-missao mark {
        background-color: #657fba;
        color: white; }
      .missao .text-missao li {
        font-size: 15px;
        display: block; }
    .missao .seta {
      display: none; }
    .missao .seta-azul {
      display: flex;
      margin: -1% 10%; }
      .missao .seta-azul .tri {
        border-top: 60px solid transparent;
        border-left: 70px solid #657fba;
        border-bottom: 60px solid transparent; }
      .missao .seta-azul .base {
        margin-top: 2.6%;
        height: 63px;
        border-left: 950px solid #657fba; }
      .missao .seta-azul .lista {
        display: flex;
        justify-content: space-around;
        position: absolute;
        margin-top: 30px;
        color: white; }
      .missao .seta-azul ul {
        display: flex;
        justify-content: space-around; }
      .missao .seta-azul li {
        font-size: 21px;
        list-style: none;
        padding-left: 50px;
        margin-top: 2%; }
  .marcas .marcas-historia {
    height: 300px;
    z-index: 0; }
    .marcas .marcas-historia .rabisco img {
      width: 20%;
      margin: 0 0 1% 58%; }
    .marcas .marcas-historia .banner-marcas {
      z-index: 2; }
      .marcas .marcas-historia .banner-marcas p {
        font-size: 31px;
        font-family: Ruda Black;
        margin: -7% 0 0 -1%; }
      .marcas .marcas-historia .banner-marcas mark {
        background-color: transparent;
        color: #657fba; }
      .marcas .marcas-historia .banner-marcas span {
        color: white;
        background-color: #657fba; }
    .marcas .marcas-historia .marcas-img img {
      width: 250px; }
  footer {
    height: 275px;
    vertical-align: center; }
    footer .footer-bg {
      height: 100%; }
    footer .marca-footer p {
      font-family: Ruda Black;
      font-size: 20px;
      color: #E75229;
      width: 100%;
      margin: 8% 0 0 -43%; }
    footer .marca-footer img {
      height: 150px;
      margin: -232px 0 0 300px; }
    footer .social-media-footer p {
      color: white;
      width: 65%;
      margin: 8% 20%;
      font-size: 15px; }
    footer .social-media-footer .social-media {
      width: 75%;
      margin: -7% 19% 0 0; }
      footer .social-media-footer .social-media img {
        width: 25%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 3%; } }

@media (min-width: 1266px) and (max-width: 1365.98px) {
  .background {
    background: url(../images/bg_home.png) center center no-repeat;
    height: 850px;
    width: 100%; }
    .background .menu-logo .menu-nav {
      height: 410px; }
    .background .menu-logo li {
      margin-top: 3%; }
    .background .menu-logo img {
      width: 7%;
      margin: 2% 0 0 2%; }
    .background .menu-logo .social-media {
      margin: 0 5%;
      padding: 0; }
      .background .menu-logo .social-media img {
        width: 27%;
        margin: 20% 0 0 3%; }
      .background .menu-logo .social-media ul {
        width: 100%; }
    .background .menu-logo .menu {
      margin: 0 4.5%; }
    .background .cubo img {
      width: 45%;
      margin: -24% 0 0 48%; }
  .text {
    width: 50%;
    margin: -10% 0 6% 20%; }
    .text h4 {
      width: 50%; }
  .banner {
    height: 570px; }
    .banner .text-banner {
      font-size: 47px;
      padding-top: 10%; }
      .banner .text-banner .text-banner-two {
        margin-left: 20px; }
      .banner .text-banner .text-banner-three {
        -webkit-text-stroke: 1px white;
        font-size: 23px;
        width: 27%;
        margin-left: 8%; }
      .banner .text-banner p {
        margin: 0;
        -webkit-text-stroke: 2px #91b3ff;
        font-family: Ruda Black; }
        .banner .text-banner p mark {
          margin-left: 5%;
          -webkit-text-stroke: 1px #91b3ff;
          background-color: black;
          color: transparent;
          text-shadow: -2.5px 2px #657fba;
          top: 0; }
    .banner img {
      width: 100%; }
  .missao {
    height: 250px; }
    .missao img {
      width: 100%;
      height: 100%; }
    .missao .text-missao {
      margin-top: -190px;
      font-size: 35px;
      color: white;
      font-family: Ruda Bold; }
      .missao .text-missao mark {
        background-color: #657fba;
        color: white; }
      .missao .text-missao li {
        font-size: 15px;
        display: block; }
    .missao .seta {
      display: none; }
    .missao .seta-azul {
      display: flex;
      margin: -1% 10%; }
      .missao .seta-azul .tri {
        border-top: 60px solid transparent;
        border-left: 70px solid #657fba;
        border-bottom: 60px solid transparent; }
      .missao .seta-azul .base {
        margin-top: 2.6%;
        height: 63px;
        border-left: 950px solid #657fba; }
      .missao .seta-azul .lista {
        display: flex;
        justify-content: space-around;
        position: absolute;
        margin-top: 30px;
        color: white; }
      .missao .seta-azul ul {
        display: flex;
        justify-content: space-around; }
      .missao .seta-azul li {
        font-size: 21px;
        list-style: none;
        padding-left: 50px;
        margin-top: 2%; }
  .marcas .marcas-historia {
    height: 320px;
    z-index: 0; }
    .marcas .marcas-historia .rabisco img {
      width: 20%;
      margin: 0 0 1% 58%; }
    .marcas .marcas-historia .banner-marcas {
      z-index: 2; }
      .marcas .marcas-historia .banner-marcas p {
        font-size: 33px;
        font-family: Ruda Black;
        margin: -7.5% 0 0 -1%; }
      .marcas .marcas-historia .banner-marcas mark {
        background-color: transparent;
        color: #657fba; }
      .marcas .marcas-historia .banner-marcas span {
        color: white;
        background-color: #657fba; }
    .marcas .marcas-historia .marcas-img img {
      width: 250px; }
  footer {
    height: 275px;
    vertical-align: center; }
    footer .footer-bg {
      height: 100%; }
    footer .marca-footer p {
      font-family: Ruda Black;
      font-size: 20px;
      color: #E75229;
      width: 100%;
      margin: 8% 0 0 -43%; }
    footer .marca-footer img {
      height: 150px;
      margin: -232px 0 0 300px; }
    footer .social-media-footer p {
      color: white;
      width: 65%;
      margin: 8% 20%;
      font-size: 15px; }
    footer .social-media-footer .social-media {
      width: 75%;
      margin: -7% 19% 0 0; }
      footer .social-media-footer .social-media img {
        width: 25%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 3%; } }

@media (min-width: 1366px) and (max-width: 1499.98px) {
  .background {
    background: url(../images/bg_home.png) center center no-repeat;
    height: 850px;
    width: 100%; }
    .background .menu-logo .menu-nav {
      height: 410px; }
    .background .menu-logo li {
      margin-top: 3%; }
    .background .menu-logo img {
      width: 6.5%;
      margin: 2% 0 0 2%; }
    .background .menu-logo .social-media {
      margin: 0 5%;
      padding: 0; }
      .background .menu-logo .social-media img {
        width: 27%;
        margin: 20% 0 0 3%; }
      .background .menu-logo .social-media ul {
        width: 100%; }
    .background .menu-logo .menu {
      margin: 0 4.5%; }
    .background .cubo img {
      width: 45%;
      margin: -24% 0 0 48%; }
  .text {
    width: 50%;
    margin: -10% 0 6% 20%; }
    .text h4 {
      width: 50%; }
  .banner {
    height: 570px; }
    .banner .text-banner {
      font-size: 47px;
      padding-top: 10%; }
      .banner .text-banner .text-banner-two {
        margin-left: 20px; }
      .banner .text-banner .text-banner-three {
        -webkit-text-stroke: 1px white;
        font-size: 23px;
        width: 27%;
        margin-left: 8%; }
      .banner .text-banner p {
        margin: 0;
        -webkit-text-stroke: 2px #91b3ff;
        font-family: Ruda Black; }
        .banner .text-banner p mark {
          margin-left: 5%;
          -webkit-text-stroke: 1px #91b3ff;
          background-color: black;
          color: transparent;
          text-shadow: -2.5px 2px #657fba;
          top: 0; }
    .banner img {
      width: 100%; }
  .missao {
    height: 250px; }
    .missao img {
      width: 100%;
      height: 100%; }
    .missao .text-missao {
      margin-top: -190px;
      font-size: 35px;
      color: white;
      font-family: Ruda Bold; }
      .missao .text-missao mark {
        background-color: #657fba;
        color: white; }
      .missao .text-missao li {
        font-size: 15px;
        display: block; }
    .missao .seta {
      display: none; }
    .missao .seta-azul {
      display: flex;
      margin: -1% 10%; }
      .missao .seta-azul .tri {
        border-top: 60px solid transparent;
        border-left: 70px solid #657fba;
        border-bottom: 60px solid transparent; }
      .missao .seta-azul .base {
        margin-top: 2.6%;
        height: 63px;
        border-left: 950px solid #657fba; }
      .missao .seta-azul .lista {
        display: flex;
        justify-content: space-around;
        position: absolute;
        margin-top: 30px;
        color: white; }
      .missao .seta-azul ul {
        display: flex;
        justify-content: space-around; }
      .missao .seta-azul li {
        font-size: 21px;
        list-style: none;
        padding-left: 50px;
        margin-top: 2%; }
  .marcas .marcas-historia {
    height: 350px;
    z-index: 0; }
    .marcas .marcas-historia .rabisco img {
      width: 20%;
      margin: 0 0 1% 58%; }
    .marcas .marcas-historia .banner-marcas {
      z-index: 2; }
      .marcas .marcas-historia .banner-marcas p {
        font-size: 35px;
        font-family: Ruda Black;
        margin: -7% 0 0 -1%; }
      .marcas .marcas-historia .banner-marcas mark {
        background-color: transparent;
        color: #657fba; }
      .marcas .marcas-historia .banner-marcas span {
        color: white;
        background-color: #657fba; }
    .marcas .marcas-historia .marcas-img img {
      width: 250px; }
  footer {
    height: 275px;
    vertical-align: center; }
    footer .footer-bg {
      height: 100%; }
    footer .marca-footer p {
      font-family: Ruda Black;
      font-size: 20px;
      color: #E75229;
      width: 100%;
      margin: 8% 0 0 -43%; }
    footer .marca-footer img {
      height: 150px;
      margin: -232px 0 0 300px; }
    footer .social-media-footer p {
      color: white;
      width: 65%;
      margin: 8% 20%;
      font-size: 15px; }
    footer .social-media-footer .social-media {
      width: 75%;
      margin: -7% 19% 0 0; }
      footer .social-media-footer .social-media img {
        width: 25%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 3%; } }

@media (min-width: 1500px) and (max-width: 1600.98px) {
  .background {
    background: url(../images/bg_home.png) center center no-repeat;
    height: 850px;
    width: 100%; }
    .background .menu-logo .menu-nav {
      height: 410px; }
    .background .menu-logo li {
      margin-top: 3%; }
    .background .menu-logo img {
      width: 6.5%;
      margin: 2% 0 0 2%; }
    .background .menu-logo .social-media {
      margin: 0 5%;
      padding: 0; }
      .background .menu-logo .social-media img {
        width: 27%;
        margin: 20% 0 0 3%; }
      .background .menu-logo .social-media ul {
        width: 100%; }
    .background .menu-logo .menu {
      margin: 0 4.5%; }
    .background .cubo img {
      width: 45%;
      margin: -24% 0 0 48%; }
  .text {
    width: 50%;
    margin: -10% 0 6% 20%; }
    .text h4 {
      width: 50%; }
  .banner {
    height: 600px; }
    .banner .text-banner {
      font-size: 47px;
      padding-top: 10%; }
      .banner .text-banner .text-banner-two {
        margin-left: 20px; }
      .banner .text-banner .text-banner-three {
        -webkit-text-stroke: 1px white;
        font-size: 23px;
        width: 27%;
        margin-left: 8%; }
      .banner .text-banner p {
        margin: 0;
        -webkit-text-stroke: 2px #91b3ff;
        font-family: Ruda Black; }
        .banner .text-banner p mark {
          margin-left: 5%;
          -webkit-text-stroke: 1px #91b3ff;
          background-color: black;
          color: transparent;
          text-shadow: -2.5px 2px #657fba;
          top: 0; }
    .banner img {
      width: 100%; }
  .missao {
    height: 250px; }
    .missao img {
      width: 100%;
      height: 100%; }
    .missao .text-missao {
      margin-top: -190px;
      font-size: 35px;
      color: white;
      font-family: Ruda Bold; }
      .missao .text-missao mark {
        background-color: #657fba;
        color: white; }
      .missao .text-missao li {
        font-size: 15px;
        display: block; }
    .missao .seta {
      display: none; }
    .missao .seta-azul {
      display: flex;
      margin: -1% 10%; }
      .missao .seta-azul .tri {
        border-top: 60px solid transparent;
        border-left: 70px solid #657fba;
        border-bottom: 60px solid transparent; }
      .missao .seta-azul .base {
        margin-top: 2.6%;
        height: 63px;
        border-left: 950px solid #657fba; }
      .missao .seta-azul .lista {
        display: flex;
        justify-content: space-around;
        position: absolute;
        margin-top: 30px;
        color: white; }
      .missao .seta-azul ul {
        display: flex;
        justify-content: space-around; }
      .missao .seta-azul li {
        font-size: 21px;
        list-style: none;
        padding-left: 50px;
        margin-top: 2%; }
  .marcas .marcas-historia {
    height: 320px;
    z-index: 0; }
    .marcas .marcas-historia .rabisco img {
      width: 20%;
      margin: 0 0 1% 58%; }
    .marcas .marcas-historia .banner-marcas {
      z-index: 2; }
      .marcas .marcas-historia .banner-marcas p {
        font-size: 37px;
        font-family: Ruda Black;
        margin: -8% 0 0 -1%; }
      .marcas .marcas-historia .banner-marcas mark {
        background-color: transparent;
        color: #657fba; }
      .marcas .marcas-historia .banner-marcas span {
        color: white;
        background-color: #657fba; }
    .marcas .marcas-historia .marcas-img img {
      width: 250px; }
  footer {
    height: 275px;
    vertical-align: center; }
    footer .footer-bg {
      height: 100%; }
    footer .marca-footer p {
      font-family: Ruda Black;
      font-size: 20px;
      color: #E75229;
      width: 100%;
      margin: 8% 0 0 -43%; }
    footer .marca-footer img {
      height: 150px;
      margin: -232px 0 0 300px; }
    footer .social-media-footer p {
      color: white;
      width: 65%;
      margin: 8% 20%;
      font-size: 15px; }
    footer .social-media-footer .social-media {
      width: 75%;
      margin: -7% 19% 0 0; }
      footer .social-media-footer .social-media img {
        width: 25%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 3%; } }

@media (min-width: 1601px) and (max-width: 1699.98px) {
  .background {
    background: url(../images/bg_home.png) center center no-repeat;
    height: 850px;
    width: 100%; }
    .background .menu-logo .menu-nav {
      height: 410px; }
    .background .menu-logo li {
      margin-top: 3%; }
    .background .menu-logo img {
      width: 6.5%;
      margin: 2% 0 0 2%; }
    .background .menu-logo .social-media {
      margin: 0 5%;
      padding: 0; }
      .background .menu-logo .social-media img {
        width: 27%;
        margin: 20% 0 0 3%; }
      .background .menu-logo .social-media ul {
        width: 100%; }
    .background .menu-logo .menu {
      margin: 0 4.5%; }
    .background .cubo img {
      width: 45%;
      margin: -24% 0 0 48%; }
  .text {
    width: 50%;
    margin: -10% 0 6% 20%; }
    .text h4 {
      width: 50%; }
  .banner {
    height: 600px; }
    .banner .text-banner {
      font-size: 47px;
      padding-top: 10%; }
      .banner .text-banner .text-banner-two {
        margin-left: 20px; }
      .banner .text-banner .text-banner-three {
        -webkit-text-stroke: 1px white;
        font-size: 23px;
        width: 27%;
        margin-left: 8%; }
      .banner .text-banner p {
        margin: 0;
        -webkit-text-stroke: 2px #91b3ff;
        font-family: Ruda Black; }
        .banner .text-banner p mark {
          margin-left: 5%;
          -webkit-text-stroke: 1px #91b3ff;
          background-color: black;
          color: transparent;
          text-shadow: -2.5px 2.5px #657fba;
          top: 0; }
    .banner img {
      width: 100%; }
  .missao {
    height: 250px; }
    .missao img {
      width: 100%;
      height: 100%; }
    .missao .text-missao {
      margin-top: -190px;
      font-size: 35px;
      color: white;
      font-family: Ruda Bold; }
      .missao .text-missao mark {
        background-color: #657fba;
        color: white; }
      .missao .text-missao li {
        font-size: 15px;
        display: block; }
    .missao .seta {
      display: none; }
    .missao .seta-azul {
      display: flex;
      margin: -1% 10%; }
      .missao .seta-azul .tri {
        border-top: 60px solid transparent;
        border-left: 70px solid #657fba;
        border-bottom: 60px solid transparent; }
      .missao .seta-azul .base {
        margin-top: 2.6%;
        height: 63px;
        border-left: 950px solid #657fba; }
      .missao .seta-azul .lista {
        display: flex;
        justify-content: space-around;
        position: absolute;
        margin-top: 30px;
        color: white; }
      .missao .seta-azul ul {
        display: flex;
        justify-content: space-around; }
      .missao .seta-azul li {
        font-size: 21px;
        list-style: none;
        padding-left: 50px;
        margin-top: 2%; }
  .marcas .marcas-historia {
    height: 320px;
    z-index: 0; }
    .marcas .marcas-historia .rabisco img {
      width: 20%;
      margin: 0 0 1% 58%; }
    .marcas .marcas-historia .banner-marcas {
      z-index: 2; }
      .marcas .marcas-historia .banner-marcas p {
        font-size: 37px;
        font-family: Ruda Black;
        margin: -8% 0 0 -1%; }
      .marcas .marcas-historia .banner-marcas mark {
        background-color: transparent;
        color: #657fba; }
      .marcas .marcas-historia .banner-marcas span {
        color: white;
        background-color: #657fba; }
    .marcas .marcas-historia .marcas-img img {
      width: 250px; }
  footer {
    height: 275px;
    vertical-align: center; }
    footer .footer-bg {
      height: 100%; }
    footer .marca-footer p {
      font-family: Ruda Black;
      font-size: 20px;
      color: #E75229;
      width: 100%;
      margin: 8% 0 0 -43%; }
    footer .marca-footer img {
      height: 150px;
      margin: -232px 0 0 300px; }
    footer .social-media-footer p {
      color: white;
      width: 65%;
      margin: 8% 20%;
      font-size: 15px; }
    footer .social-media-footer .social-media {
      width: 75%;
      margin: -7% 19% 0 0; }
      footer .social-media-footer .social-media img {
        width: 25%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 3%; } }

@media (min-width: 1700px) and (max-width: 1800.98px) {
  .background {
    background: url(../images/bg_home.png) center center no-repeat;
    height: 850px;
    width: 100%; }
    .background .menu-logo .menu-nav {
      height: 410px; }
    .background .menu-logo li {
      margin-top: 3%; }
    .background .menu-logo img {
      width: 6.5%;
      margin: 2% 0 0 2%; }
    .background .menu-logo .social-media {
      margin: 0 5%;
      padding: 0; }
      .background .menu-logo .social-media img {
        width: 27%;
        margin: 20% 0 0 3%; }
      .background .menu-logo .social-media ul {
        width: 100%; }
    .background .menu-logo .menu {
      margin: 0 4.5%; }
    .background .cubo img {
      width: 45%;
      margin: -24% 0 0 48%; }
  .text {
    width: 50%;
    margin: -10% 0 6% 20%; }
    .text h4 {
      width: 50%; }
  .banner {
    height: 600px; }
    .banner .text-banner {
      font-size: 47px;
      padding-top: 10%; }
      .banner .text-banner .text-banner-two {
        margin-left: 20px; }
      .banner .text-banner .text-banner-three {
        -webkit-text-stroke: 1px white;
        font-size: 23px;
        width: 27%;
        margin-left: 8%; }
      .banner .text-banner p {
        margin: 0;
        -webkit-text-stroke: 2px #91b3ff;
        font-family: Ruda Black; }
        .banner .text-banner p mark {
          margin-left: 5%;
          -webkit-text-stroke: 1px #91b3ff;
          background-color: black;
          color: transparent;
          text-shadow: -2.5px 2.5px #657fba;
          top: 0; }
    .banner img {
      width: 100%; }
  .missao {
    height: 250px; }
    .missao img {
      width: 100%;
      height: 100%; }
    .missao .text-missao {
      margin-top: -190px;
      font-size: 35px;
      color: white;
      font-family: Ruda Bold; }
      .missao .text-missao mark {
        background-color: #657fba;
        color: white; }
      .missao .text-missao li {
        font-size: 15px;
        display: block; }
    .missao .seta {
      display: none; }
    .missao .seta-azul {
      display: flex;
      margin: -1% 10%; }
      .missao .seta-azul .tri {
        border-top: 60px solid transparent;
        border-left: 70px solid #657fba;
        border-bottom: 60px solid transparent; }
      .missao .seta-azul .base {
        margin-top: 2.6%;
        height: 63px;
        border-left: 950px solid #657fba; }
      .missao .seta-azul .lista {
        display: flex;
        justify-content: space-around;
        position: absolute;
        margin-top: 30px;
        color: white; }
      .missao .seta-azul ul {
        display: flex;
        justify-content: space-around; }
      .missao .seta-azul li {
        font-size: 21px;
        list-style: none;
        padding-left: 50px;
        margin-top: 2%; }
  .marcas .marcas-historia {
    height: 320px;
    z-index: 0; }
    .marcas .marcas-historia .rabisco img {
      width: 20%;
      margin: 0 0 1% 58%; }
    .marcas .marcas-historia .banner-marcas {
      z-index: 2; }
      .marcas .marcas-historia .banner-marcas p {
        font-size: 37px;
        font-family: Ruda Black;
        margin: -10% 0 0 -1%; }
      .marcas .marcas-historia .banner-marcas mark {
        background-color: transparent;
        color: #657fba; }
      .marcas .marcas-historia .banner-marcas span {
        color: white;
        background-color: #657fba; }
    .marcas .marcas-historia .marcas-img img {
      width: 250px;
      margin-top: 7%; }
  footer {
    height: 275px;
    vertical-align: center; }
    footer .footer-bg {
      height: 100%; }
    footer .marca-footer p {
      font-family: Ruda Black;
      font-size: 20px;
      color: #E75229;
      width: 100%;
      margin: 8% 0 0 -43%; }
    footer .marca-footer img {
      height: 150px;
      margin: -232px 0 0 300px; }
    footer .social-media-footer p {
      color: white;
      width: 65%;
      margin: 8% 20%;
      font-size: 15px; }
    footer .social-media-footer .social-media {
      width: 75%;
      margin: -7% 19% 0 0; }
      footer .social-media-footer .social-media img {
        width: 25%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 3%; } }

@media (min-width: 1801px) and (max-width: 1899.98px) {
  .background {
    background: url(../images/bg_home.png) center center no-repeat;
    height: 850px;
    width: 100%; }
    .background .menu-logo .menu-nav {
      height: 410px; }
    .background .menu-logo li {
      margin-top: 3%; }
    .background .menu-logo img {
      width: 6.5%;
      margin: 2% 0 0 2%; }
    .background .menu-logo .social-media {
      margin: 0 5%;
      padding: 0; }
      .background .menu-logo .social-media img {
        width: 27%;
        margin: 20% 0 0 3%; }
      .background .menu-logo .social-media ul {
        width: 100%; }
    .background .menu-logo .menu {
      margin: 0 4.5%; }
    .background .cubo img {
      width: 45%;
      margin: -24% 0 0 48%; }
  .text {
    width: 50%;
    margin: -10% 0 6% 20%; }
    .text h4 {
      width: 50%; }
  .banner {
    height: 650px; }
    .banner .text-banner {
      font-size: 47px;
      padding-top: 10%; }
      .banner .text-banner .text-banner-two {
        margin-left: 20px; }
      .banner .text-banner .text-banner-three {
        -webkit-text-stroke: 1px white;
        font-size: 23px;
        width: 27%;
        margin-left: 8%; }
      .banner .text-banner p {
        margin: 0;
        -webkit-text-stroke: 2px #91b3ff;
        font-family: Ruda Black; }
        .banner .text-banner p mark {
          margin-left: 5%;
          -webkit-text-stroke: 1px #91b3ff;
          background-color: black;
          color: transparent;
          text-shadow: -2.5px 3px #657fba;
          top: 0; }
    .banner img {
      width: 100%; }
  .missao {
    height: 250px; }
    .missao img {
      width: 100%;
      height: 100%; }
    .missao .text-missao {
      margin-top: -190px;
      font-size: 35px;
      color: white;
      font-family: Ruda Bold; }
      .missao .text-missao mark {
        background-color: #657fba;
        color: white; }
      .missao .text-missao li {
        font-size: 15px;
        display: block; }
    .missao .seta {
      display: none; }
    .missao .seta-azul {
      display: flex;
      margin: -1% 10%; }
      .missao .seta-azul .tri {
        border-top: 60px solid transparent;
        border-left: 70px solid #657fba;
        border-bottom: 60px solid transparent; }
      .missao .seta-azul .base {
        margin-top: 2.6%;
        height: 63px;
        border-left: 950px solid #657fba; }
      .missao .seta-azul .lista {
        display: flex;
        justify-content: space-around;
        position: absolute;
        margin-top: 30px;
        color: white; }
      .missao .seta-azul ul {
        display: flex;
        justify-content: space-around; }
      .missao .seta-azul li {
        font-size: 21px;
        list-style: none;
        padding-left: 50px;
        margin-top: 2%; }
  .marcas .marcas-historia {
    height: 350px;
    z-index: 0; }
    .marcas .marcas-historia .rabisco img {
      width: 20%;
      margin: 0 0 1% 58%; }
    .marcas .marcas-historia .banner-marcas {
      z-index: 2; }
      .marcas .marcas-historia .banner-marcas p {
        font-size: 39px;
        font-family: Ruda Black;
        margin: -10% 0 0 -1%; }
      .marcas .marcas-historia .banner-marcas mark {
        background-color: transparent;
        color: #657fba; }
      .marcas .marcas-historia .banner-marcas span {
        color: white;
        background-color: #657fba; }
    .marcas .marcas-historia .marcas-img img {
      margin-top: 7%;
      width: 250px; }
  footer {
    height: 275px;
    vertical-align: center; }
    footer .footer-bg {
      height: 100%; }
    footer .marca-footer p {
      font-family: Ruda Black;
      font-size: 20px;
      color: #E75229;
      width: 100%;
      margin: 8% 0 0 -43%; }
    footer .marca-footer img {
      height: 150px;
      margin: -232px 0 0 300px; }
    footer .social-media-footer p {
      color: white;
      width: 65%;
      margin: 8% 20%;
      font-size: 15px; }
    footer .social-media-footer .social-media {
      width: 75%;
      margin: -7% 19% 0 0; }
      footer .social-media-footer .social-media img {
        width: 25%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 3%; } }

@media (min-width: 1900px) and (max-width: 1999.98px) {
  .background {
    background: url(../images/bg_home.png) center center;
    height: 960px;
    width: 100%; }
    .background .menu-logo .menu-nav {
      height: 410px; }
    .background .menu-logo li {
      margin-top: 3%; }
    .background .menu-logo img {
      width: 6.5%;
      margin: 2% 0 0 2%; }
    .background .menu-logo .social-media {
      margin: 0 5%;
      padding: 0; }
      .background .menu-logo .social-media img {
        width: 27%;
        margin: 20% 0 0 3%; }
      .background .menu-logo .social-media ul {
        width: 100%; }
    .background .menu-logo .menu {
      margin: 0 4.5%; }
    .background .cubo img {
      width: 45%;
      margin: -24% 0 0 48%; }
  .text {
    width: 50%;
    margin: -10% 0 6% 20%; }
    .text h4 {
      width: 50%; }
  .banner {
    height: 700px; }
    .banner .text-banner {
      font-size: 50px;
      padding-top: 10%; }
      .banner .text-banner .text-banner-two {
        margin-left: 20px; }
      .banner .text-banner .text-banner-three {
        -webkit-text-stroke: 1px white;
        font-size: 23px;
        width: 27%;
        margin-left: 8%; }
      .banner .text-banner p {
        margin: 0;
        -webkit-text-stroke: 2px #91b3ff;
        font-family: Ruda Black; }
        .banner .text-banner p mark {
          margin-left: 5%;
          -webkit-text-stroke: 1px #91b3ff;
          background-color: black;
          color: transparent;
          text-shadow: -2.5px 3px #657fba;
          top: 0; }
    .banner img {
      width: 100%; }
  .missao {
    height: 250px; }
    .missao img {
      width: 100%;
      height: 100%; }
    .missao .text-missao {
      margin-top: -190px;
      font-size: 35px;
      color: white;
      font-family: Ruda Bold; }
      .missao .text-missao mark {
        background-color: #657fba;
        color: white; }
      .missao .text-missao li {
        font-size: 15px;
        display: block; }
    .missao .seta {
      display: none; }
    .missao .seta-azul {
      display: flex;
      margin: -1% 10%; }
      .missao .seta-azul .tri {
        border-top: 60px solid transparent;
        border-left: 70px solid #657fba;
        border-bottom: 60px solid transparent; }
      .missao .seta-azul .base {
        margin-top: 2.6%;
        height: 63px;
        border-left: 950px solid #657fba; }
      .missao .seta-azul .lista {
        display: flex;
        justify-content: space-around;
        position: absolute;
        margin-top: 30px;
        color: white; }
      .missao .seta-azul ul {
        display: flex;
        justify-content: space-around; }
      .missao .seta-azul li {
        font-size: 21px;
        list-style: none;
        padding-left: 50px;
        margin-top: 2%; }
  .marcas .marcas-historia {
    height: 350px;
    z-index: 0; }
    .marcas .marcas-historia .rabisco img {
      width: 20%;
      margin: 0 0 1% 58%; }
    .marcas .marcas-historia .banner-marcas {
      z-index: 2; }
      .marcas .marcas-historia .banner-marcas p {
        font-size: 39px;
        font-family: Ruda Black;
        margin: -10% 0 0 -1%; }
      .marcas .marcas-historia .banner-marcas mark {
        background-color: transparent;
        color: #657fba; }
      .marcas .marcas-historia .banner-marcas span {
        color: white;
        background-color: #657fba; }
    .marcas .marcas-historia .marcas-img img {
      margin-top: 7%;
      width: 250px; }
  footer {
    height: 275px;
    vertical-align: center; }
    footer .footer-bg {
      height: 100%; }
    footer .marca-footer p {
      font-family: Ruda Black;
      font-size: 20px;
      color: #E75229;
      width: 100%;
      margin: 8% 0 0 -50%; }
    footer .marca-footer img {
      height: 150px;
      margin: -232px 0 0 270px; }
    footer .social-media-footer p {
      color: white;
      width: 65%;
      margin: 8% 20%;
      font-size: 15px; }
    footer .social-media-footer .social-media {
      width: 75%;
      margin: -7% 19% 0 0; }
      footer .social-media-footer .social-media img {
        width: 25%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 3%; } }

@media (min-width: 2000px) {
  .background {
    background: url(../images/bg_home.png) center center;
    height: 1300px;
    width: 100%; }
    .background .menu-logo .menu-nav {
      height: 410px; }
    .background .menu-logo li {
      margin-top: 3%; }
    .background .menu-logo img {
      width: 6.5%;
      margin: 2% 0 0 2%; }
    .background .menu-logo .social-media {
      margin: 0 5%;
      padding: 0; }
      .background .menu-logo .social-media img {
        width: 27%;
        margin: 20% 0 0 3%; }
      .background .menu-logo .social-media ul {
        width: 100%; }
    .background .menu-logo .menu {
      margin: 0 4.5%; }
    .background .cubo img {
      width: 45%;
      margin: -25% 0 0 48%; }
  .text {
    width: 50%;
    margin: 0 0 6% 20%; }
    .text h4 {
      width: 50%; }
  .banner {
    height: 700px; }
    .banner .text-banner {
      font-size: 50px;
      padding-top: 10%; }
      .banner .text-banner .text-banner-two {
        margin-left: 20px; }
      .banner .text-banner .text-banner-three {
        -webkit-text-stroke: 1px white;
        font-size: 23px;
        width: 27%;
        margin-left: 8%; }
      .banner .text-banner p {
        margin: 0;
        -webkit-text-stroke: 2px #91b3ff;
        font-family: Ruda Black; }
        .banner .text-banner p mark {
          margin-left: 5%;
          -webkit-text-stroke: 1px #91b3ff;
          background-color: black;
          color: transparent;
          text-shadow: -2.5px -1px 0.9px #657fba;
          top: 0; }
    .banner img {
      width: 100%; }
  .missao {
    height: 250px; }
    .missao img {
      width: 100%;
      height: 100%; }
    .missao .text-missao {
      margin-top: -190px;
      font-size: 35px;
      color: white;
      font-family: Ruda Bold; }
      .missao .text-missao mark {
        background-color: #657fba;
        color: white; }
      .missao .text-missao li {
        font-size: 15px;
        display: block; }
    .missao .seta {
      display: none; }
    .missao .seta-azul {
      display: flex;
      margin: -1% 10%; }
      .missao .seta-azul .tri {
        border-top: 60px solid transparent;
        border-left: 70px solid #657fba;
        border-bottom: 60px solid transparent; }
      .missao .seta-azul .base {
        margin-top: 2.6%;
        height: 63px;
        border-left: 950px solid #657fba; }
      .missao .seta-azul .lista {
        display: flex;
        justify-content: space-around;
        position: absolute;
        margin-top: 30px;
        color: white; }
      .missao .seta-azul ul {
        display: flex;
        justify-content: space-around; }
      .missao .seta-azul li {
        font-size: 21px;
        list-style: none;
        padding-left: 50px;
        margin-top: 2%; }
  .marcas .marcas-historia {
    height: 350px;
    z-index: 0; }
    .marcas .marcas-historia .rabisco img {
      width: 20%;
      margin: 0 0 1% 58%; }
    .marcas .marcas-historia .banner-marcas {
      z-index: 2; }
      .marcas .marcas-historia .banner-marcas p {
        font-size: 39px;
        font-family: Ruda Black;
        margin: -10% 0 0 -1%; }
      .marcas .marcas-historia .banner-marcas mark {
        background-color: transparent;
        color: #657fba; }
      .marcas .marcas-historia .banner-marcas span {
        color: white;
        background-color: #657fba; }
    .marcas .marcas-historia .marcas-img img {
      margin-top: 7%;
      width: 250px; }
  footer {
    height: 275px;
    vertical-align: center; }
    footer .footer-bg {
      height: 100%; }
    footer .marca-footer p {
      font-family: Ruda Black;
      font-size: 20px;
      color: #E75229;
      width: 100%;
      margin: 8% 0 0 -50%; }
    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%; } }