* {
  box-sizing: border-box; }

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

a {
  text-decoration: none; }

.background {
  background-color: #e75229;
  z-index: 0; }

.rabisco {
  position: absolute; }

.logo {
  position: relative;
  z-index: 1; }

.social-media {
  padding: 11px;
  float: right;
  position: relative; }

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

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

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

form input.form-control, form textarea.form-control {
  background-color: #c93f19;
  border-color: transparent; }

form input::placeholder, form textarea::placeholder {
  color: white !important; }

form .button {
  background-color: #0cffea;
  border-color: transparent;
  color: #e75229; }

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

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

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

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

@media (min-width: 320px) and (max-width: 344.99px) {
  .menu-logo .logo {
    width: 27.5%;
    margin: 9px 0 0 10.5px; }
  .menu-logo .social-media {
    width: 50%;
    padding: 0; }
    .menu-logo .social-media img {
      width: 15%;
      margin: 15% 0 0 13%; }
    .menu-logo .social-media ul {
      width: 100%; }
  .menu-logo .menu {
    margin-left: 14%; }
  .main h1 {
    color: #0cffea;
    margin: -51% 10% 0 25%;
    font-size: 35px; }
  .text p {
    margin: 5% 10% 10% 28%; }
  form {
    margin: 0 5%; }
    form .button {
      margin: 10% 35%;
      padding-left: 10%; }
  .rabisco-base {
    display: none; }
  footer .marca-footer p {
    display: none; }
  footer .marca-footer img {
    margin: 75% 20%;
    width: 150px; }
  footer .social-media-footer {
    margin: 5%; }
    footer .social-media-footer p {
      color: white;
      width: 80%;
      margin: 0 15%; }
    footer .social-media-footer .social-media {
      width: 100%; }
      footer .social-media-footer .social-media img {
        width: 15%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 345px) and (max-width: 359.99px) {
  .menu-logo .logo {
    width: 27.5%;
    margin: 10px 0 0 13px; }
  .menu-logo .social-media {
    width: 50%;
    padding: 0; }
    .menu-logo .social-media img {
      width: 15%;
      margin: 15% 0 0 13%; }
    .menu-logo .social-media ul {
      width: 100%; }
  .menu-logo .menu {
    margin-left: 14%; }
  .main h1 {
    color: #0cffea;
    margin: -51% 10% 0 28%;
    font-size: 35px; }
  .text p {
    margin: 5% 10% 10% 28%; }
  form {
    margin: 0 5%; }
    form .button {
      margin: 10% 35%;
      padding-left: 10%; }
  .rabisco-base {
    display: none; }
  footer .footer-bg {
    height: 300px; }
  footer .marca-footer p {
    display: none; }
  footer .marca-footer img {
    margin: 75% 20%;
    width: 150px; }
  footer .social-media-footer {
    margin: 5%; }
    footer .social-media-footer p {
      color: white;
      width: 80%;
      margin: 0 15%; }
    footer .social-media-footer .social-media {
      width: 100%; }
      footer .social-media-footer .social-media img {
        width: 15%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 360px) and (max-width: 374.98px) {
  .menu-logo .logo {
    width: 26.5%;
    margin: 10px 0 0 15px; }
  .menu-logo .social-media {
    width: 50%;
    padding: 0; }
    .menu-logo .social-media img {
      margin: 15% 0 0 13%;
      width: 15%; }
    .menu-logo .social-media ul {
      width: 100%; }
  .menu-logo .menu {
    margin-left: 14%; }
  .main h1 {
    color: #0cffea;
    margin: -51% 10% 0 28%;
    font-size: 35px; }
  .text p {
    margin: 5% 10% 10% 28%; }
  form {
    margin: 0 5%; }
    form .button {
      margin: 10% 35%;
      padding-left: 10%; }
  .rabisco-base {
    display: none; }
  footer .marca-footer p {
    display: none; }
  footer .marca-footer img {
    margin: 75% 20%;
    width: 150px; }
  footer .social-media-footer {
    margin: 5%; }
    footer .social-media-footer p {
      color: white;
      width: 80%;
      margin: 0 15%; }
    footer .social-media-footer .social-media {
      width: 100%; }
      footer .social-media-footer .social-media img {
        width: 15%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 375px) and (max-width: 400.98px) {
  .menu-logo .logo {
    width: 22%;
    margin: 3.5% 0 0 4%; }
  .menu-logo .social-media {
    width: 50%;
    padding: 0; }
    .menu-logo .social-media img {
      margin: 15% 0 0 13%;
      width: 15%; }
    .menu-logo .social-media ul {
      width: 100%; }
  .menu-logo .menu {
    margin-left: 12%; }
  .main h1 {
    color: #0cffea;
    margin: -51% 10% 0 28%;
    font-size: 35px; }
  .text p {
    margin: 5% 10% 10% 28%; }
  form {
    margin: 0 5%; }
    form .button {
      margin: 7% 37%;
      padding-left: 10%; }
  .rabisco-base {
    display: none; }
  footer {
    height: 275px; }
    footer .footer-bg {
      height: 100%; }
    footer .marca-footer p {
      display: none; }
    footer .marca-footer img {
      height: 95px;
      margin: 65% 45%; }
    footer .social-media-footer p {
      color: white;
      width: 65%;
      margin: 0 30%;
      font-size: 15px;
      padding-top: 5%; }
    footer .social-media-footer .social-media {
      width: 85%; }
      footer .social-media-footer .social-media img {
        width: 13%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 401px) and (max-width: 420.98px) {
  .menu-logo .logo {
    width: 22%;
    margin: 4% 0 0 4%; }
  .menu-logo .social-media {
    padding: 0;
    width: 50%; }
    .menu-logo .social-media img {
      width: 12%;
      margin: 15% 0 0 10%; }
    .menu-logo .social-media ul {
      width: 100%; }
  .menu-logo .menu {
    margin-left: 12%; }
  .main h1 {
    text-shadow: -2px 1px #0cffea;
    -webkit-text-stroke: 1px #ff9642;
    color: transparent;
    margin: -51% 10% 0 28%;
    font-size: 45px; }
  .text p {
    margin: 5% 10% 10% 28%; }
  form {
    margin: 0 5%; }
    form .button {
      margin: 7% 37%;
      padding-left: 10%; }
  .rabisco-base {
    display: none; }
  footer {
    height: 275px; }
    footer .footer-bg {
      height: 100%; }
    footer .marca-footer p {
      display: none; }
    footer .marca-footer img {
      height: 95px;
      margin: 80% 45%; }
    footer .social-media-footer p {
      color: white;
      width: 80%;
      margin: 5% 25%;
      font-size: 15px; }
    footer .social-media-footer .social-media {
      width: 85%; }
      footer .social-media-footer .social-media img {
        width: 13%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 421px) and (max-width: 459.98px) {
  .menu-logo .logo {
    width: 20%;
    margin: 3% 0 0 3.75%; }
  .menu-logo .social-media {
    width: 50%;
    padding: 0; }
    .menu-logo .social-media img {
      width: 12%;
      margin: 15% 0 0 10%; }
    .menu-logo .social-media ul {
      width: 100%; }
  .menu-logo .menu {
    margin-left: 11%; }
  .main h1 {
    text-shadow: -2px 1px #0cffea;
    -webkit-text-stroke: 1px #ff9642;
    color: transparent;
    margin: -51% 10% 0 28%;
    font-size: 47px; }
  .text p {
    margin: 5% 10% 10% 28%;
    position: relative; }
  form {
    margin: 0 7%; }
    form .button {
      margin: 7% 37%;
      padding-left: 10%; }
  .rabisco-base {
    display: none; }
  footer {
    height: 275px; }
    footer .footer-bg {
      height: 100%; }
    footer .marca-footer p {
      display: none; }
    footer .marca-footer img {
      height: 100px;
      margin: 80% 45%; }
    footer .social-media-footer p {
      color: white;
      width: 80%;
      margin: 5% 30%;
      font-size: 15px; }
    footer .social-media-footer .social-media {
      width: 85%; }
      footer .social-media-footer .social-media img {
        width: 13%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 460px) and (max-width: 500.98px) {
  .menu-logo .logo {
    width: 19.5%;
    margin: 3.5% 0 0 4%; }
  .menu-logo .social-media {
    width: 50%;
    padding: 0; }
    .menu-logo .social-media img {
      width: 12%;
      margin: 15% 0 0 15%; }
    .menu-logo .social-media ul {
      width: 100%; }
  .menu-logo .menu {
    margin-left: 11.5%; }
  .main h1 {
    text-shadow: -2px 1px #0cffea;
    -webkit-text-stroke: 1px #ff9642;
    color: transparent;
    margin: -51% 10% 0 25%;
    font-size: 51px; }
  .text p {
    margin: 5% 10% 10% 28%;
    position: relative; }
  form {
    margin: 0 7%; }
    form .button {
      margin: 7% 37%;
      padding-left: 10%; }
  .rabisco-base {
    display: none; }
  footer {
    height: 275px; }
    footer .footer-bg {
      height: 100%; }
    footer .marca-footer p {
      display: none; }
    footer .marca-footer img {
      height: 100px;
      margin: 80% 45%; }
    footer .social-media-footer p {
      color: white;
      width: 80%;
      margin: 5% 30%;
      font-size: 15px; }
    footer .social-media-footer .social-media {
      width: 85%; }
      footer .social-media-footer .social-media img {
        width: 13%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 501px) and (max-width: 526.98px) {
  .menu-logo .logo {
    width: 19%;
    margin: 3.5% 0 0 3.75%; }
  .menu-logo .social-media {
    width: 50%;
    padding: 0; }
    .menu-logo .social-media img {
      width: 10%;
      margin: 15% 0 0 10%; }
    .menu-logo .social-media ul {
      width: 100%; }
  .menu-logo .menu {
    margin-left: 11%; }
  .main h1 {
    text-shadow: -2px 1px #0cffea;
    -webkit-text-stroke: 1px #ff9642;
    color: transparent;
    margin: -51% 10% 0 25%;
    font-size: 58px; }
  .text p {
    margin: 5% 0 20% 22%;
    position: relative; }
  form {
    margin: 0 7%; }
    form .button {
      margin: 7% 37%;
      padding-left: 10%; }
  .rabisco-base {
    display: none; }
  footer {
    height: 275px; }
    footer .footer-bg {
      height: 100%; }
    footer .marca-footer p {
      display: none; }
    footer .marca-footer img {
      height: 100px;
      margin: 80% 45%; }
    footer .social-media-footer p {
      color: white;
      width: 80%;
      margin: 5% 30%;
      font-size: 15px; }
    footer .social-media-footer .social-media {
      width: 85%; }
      footer .social-media-footer .social-media img {
        width: 13%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 527px) and (max-width: 575.98px) {
  .menu-logo .logo {
    width: 18%;
    margin: 4% 0 0 4%; }
  .menu-logo .social-media {
    width: 50%;
    padding: 0; }
    .menu-logo .social-media img {
      width: 9.5%;
      margin: 15% 0 0 10%; }
    .menu-logo .social-media ul {
      width: 100%; }
  .menu-logo .menu {
    margin-left: 11%; }
  .main h1 {
    text-shadow: -2px 1px #0cffea;
    -webkit-text-stroke: 1px #ff9642;
    color: transparent;
    margin: -51% 10% 0 25%;
    font-size: 60px; }
  .text p {
    margin: 5% 0 18% 22%;
    position: relative; }
  form {
    margin: 0 9%; }
    form .button {
      margin: 7% 37%;
      padding-left: 10%; }
  .rabisco-base {
    display: none; }
  footer {
    height: 275px; }
    footer .footer-bg {
      height: 100%; }
    footer .marca-footer p {
      display: none; }
    footer .marca-footer img {
      height: 100px;
      margin: 80% 45%; }
    footer .social-media-footer p {
      color: white;
      width: 80%;
      margin: 5% 30%;
      font-size: 15px; }
    footer .social-media-footer .social-media {
      width: 85%; }
      footer .social-media-footer .social-media img {
        width: 13%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 576px) and (max-width: 610.98px) {
  .menu-logo .logo {
    width: 15%;
    margin: 4% 0 0 4.2%; }
  .menu-logo .social-media {
    width: 50%;
    padding: 0; }
    .menu-logo .social-media img {
      width: 8.5%;
      margin: 15% 0 0 12%; }
    .menu-logo .social-media ul {
      width: 100%; }
  .menu-logo .menu {
    margin-left: 10%; }
  .main h1 {
    text-shadow: -2px 1px #0cffea;
    -webkit-text-stroke: 1px #ff9642;
    color: transparent;
    margin: -51% 10% 0 25%;
    font-size: 66px; }
  .rabisco img {
    width: 75%; }
  .text p {
    margin: 5% 0 18% 22%;
    position: relative;
    font-size: 18px; }
  form {
    margin: 0 9%; }
    form .button {
      margin: 7% 37%;
      padding-left: 15%; }
  .rabisco-base {
    display: none; }
  footer {
    height: 275px; }
    footer .footer-bg {
      height: 100%; }
    footer .marca-footer p {
      display: none; }
    footer .marca-footer img {
      height: 100px;
      margin: 80% 45%; }
    footer .social-media-footer p {
      color: white;
      width: 80%;
      margin: 5% 30%;
      font-size: 15px; }
    footer .social-media-footer .social-media {
      width: 85%; }
      footer .social-media-footer .social-media img {
        width: 13%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 611px) and (max-width: 645.98px) {
  .menu-logo .logo {
    width: 15%;
    margin: 3.75% 0 0 4%; }
  .menu-logo .social-media {
    width: 50%;
    padding: 0; }
    .menu-logo .social-media img {
      width: 8.5%;
      margin: 15% 0 0 12%; }
    .menu-logo .social-media ul {
      width: 100%; }
  .menu-logo .menu {
    margin-left: 10%; }
  .main h1 {
    text-shadow: -2px 1px #0cffea;
    -webkit-text-stroke: 1px #ff9642;
    color: transparent;
    margin: -51% 10% 0 20%;
    font-size: 75px; }
  .rabisco img {
    width: 80%; }
  .text p {
    margin: 5% 0 15% 22%;
    position: relative;
    font-size: 18px; }
  form {
    margin: 0 9%; }
    form .button {
      margin: 7% 37%;
      padding-left: 15%; }
  .rabisco-base {
    display: none; }
  footer .marca-footer p {
    display: none; }
  footer .marca-footer img {
    margin: 50% 20%;
    width: 140px; }
  footer .social-media-footer {
    margin: 5%; }
    footer .social-media-footer p {
      color: white;
      width: 80%;
      margin: 0 15%; }
    footer .social-media-footer .social-media {
      width: 100%; }
      footer .social-media-footer .social-media img {
        width: 10%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 646px) and (max-width: 670.98px) {
  .menu-logo .logo {
    width: 14.5%;
    margin: 4% 0 0 4%; }
  .menu-logo .social-media {
    width: 50%;
    padding: 0; }
    .menu-logo .social-media img {
      width: 8.5%;
      margin: 15% 0 0 13%; }
    .menu-logo .social-media ul {
      width: 100%; }
  .menu-logo .menu {
    margin-left: 9.5%; }
  .main h1 {
    text-shadow: -2px 1px #0cffea;
    -webkit-text-stroke: 1px #ff9642;
    color: transparent;
    margin: -51% 10% 0 20%;
    font-size: 80px; }
  .rabisco img {
    width: 75%; }
  .text p {
    margin: 5% 0 15% 22%;
    position: relative;
    font-size: 20px; }
  form {
    margin: 0 9%; }
    form .button {
      margin: 7% 37%;
      padding-left: 15%; }
  .rabisco-base {
    display: none; }
  footer .marca-footer p {
    display: none; }
  footer .marca-footer img {
    margin: 75% 20%;
    width: 115px; }
  footer .social-media-footer {
    margin: 5%; }
    footer .social-media-footer p {
      color: white;
      width: 80%;
      margin: 0 15%; }
    footer .social-media-footer .social-media {
      width: 100%; }
      footer .social-media-footer .social-media img {
        width: 10%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 671px) and (max-width: 720.98px) {
  .menu-logo .logo {
    width: 13.5%;
    margin: 4% 0 0 4.5%; }
  .menu-logo .social-media {
    width: 50%;
    padding: 0; }
    .menu-logo .social-media img {
      width: 8%;
      margin: 15% 0 0 13%; }
    .menu-logo .social-media ul {
      width: 100%; }
  .menu-logo .menu {
    margin-left: 9.5%; }
  .main h1 {
    text-shadow: -3px 2px #0cffea;
    -webkit-text-stroke: 1px #ff9642;
    color: transparent;
    margin: -50% 10% 0 20%;
    font-size: 85px; }
  .rabisco img {
    width: 75%; }
  .text p {
    margin: 5% 0 15% 22%;
    position: relative;
    font-size: 20px; }
  form {
    margin: 0 9%; }
    form .button {
      margin: 7% 37%;
      padding-left: 15%; }
  .rabisco-base {
    display: none; }
  footer .marca-footer p {
    display: none; }
  footer .marca-footer img {
    margin: 65% 20%;
    width: 130px; }
  footer .social-media-footer {
    margin: 5%; }
    footer .social-media-footer p {
      color: white;
      width: 80%;
      margin: 0 15%; }
    footer .social-media-footer .social-media {
      width: 100%; }
      footer .social-media-footer .social-media img {
        width: 10%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 721px) and (max-width: 766.98px) {
  .menu-logo .logo {
    width: 13%;
    margin: 4% 0 0 4.25%; }
  .menu-logo .social-media {
    width: 50%;
    padding: 0; }
    .menu-logo .social-media img {
      width: 8%;
      margin: 15% 0 0 13%; }
    .menu-logo .social-media ul {
      width: 100%; }
  .menu-logo .menu {
    margin-left: 9.5%; }
  .main h1 {
    text-shadow: -3px 2px #0cffea;
    -webkit-text-stroke: 1px #ff9642;
    color: transparent;
    margin: -47% 10% 0 22%;
    font-size: 85px; }
  .rabisco img {
    width: 75%; }
  .text p {
    margin: 5% 0 15% 26%;
    position: relative;
    font-size: 20px; }
  form {
    margin: 0 9%; }
    form .button {
      margin: 7% 37%;
      padding-left: 15%; }
    form .nome input {
      width: 104%;
      padding-left: 5%; }
    form .email {
      margin-top: -15px;
      margin-left: 15px;
      width: 103%; }
    form .telefone {
      margin-top: -18px;
      margin-left: 3%;
      width: 104%; }
      form .telefone input {
        margin-left: -3%;
        padding-left: 3%; }
    form .mensagem {
      margin-top: -15px;
      width: 105%; }
      form .mensagem textarea {
        padding-bottom: 10%;
        padding-left: 4%; }
  .rabisco-base {
    display: none; }
  footer .marca-footer p {
    display: none; }
  footer .marca-footer img {
    margin: 75% 20%;
    width: 115px; }
  footer .social-media-footer {
    margin: 5%; }
    footer .social-media-footer p {
      color: white;
      width: 80%;
      margin: 0 15%; }
    footer .social-media-footer .social-media {
      width: 100%; }
      footer .social-media-footer .social-media img {
        width: 10%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 767px) and (max-width: 789.98px) {
  .menu-logo .logo {
    width: 13%;
    margin: 4% 0 0 4%; }
  .menu-logo .social-media {
    width: 30%;
    padding: 0; }
    .menu-logo .social-media img {
      width: 12%;
      margin: 15% 0 0 6%; }
    .menu-logo .social-media ul {
      width: 100%; }
  .menu-logo .menu {
    margin-left: 9.5%; }
  .main h1 {
    text-shadow: -3px 2px #0cffea;
    -webkit-text-stroke: 1px #ff9642;
    color: transparent;
    margin: -44% 10% 0 23%;
    font-size: 85px; }
  .rabisco img {
    width: 75%; }
  .text p {
    margin: 5% 0 15% 26%;
    position: relative;
    font-size: 20px; }
  form {
    margin: 0 9%; }
    form .button {
      margin: 7% 37%;
      padding-left: 15%; }
    form .nome input {
      width: 100%;
      padding-left: 5%; }
    form .email {
      margin-top: -15px;
      margin-left: 2%;
      width: 100%; }
    form .telefone {
      margin-top: -18px;
      margin-left: 4%;
      width: 100%; }
      form .telefone input {
        margin-left: -3%;
        padding-left: 2%; }
    form .mensagem {
      margin-top: -15px;
      width: 100%; }
      form .mensagem textarea {
        padding-bottom: 10%;
        padding-left: 4%; }
  .rabisco-base {
    display: none; }
  footer .marca-footer p {
    display: none; }
  footer .marca-footer img {
    margin: 70% 20%;
    width: 130px; }
  footer .social-media-footer {
    margin: 5%; }
    footer .social-media-footer p {
      color: white;
      width: 80%;
      margin: 0 15%; }
    footer .social-media-footer .social-media {
      width: 100%; }
      footer .social-media-footer .social-media img {
        width: 10%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 790px) and (max-width: 829.98px) {
  .menu-logo .logo {
    width: 12.5%;
    margin: 5% 0 0 4%; }
  .menu-logo .social-media {
    width: 30%;
    padding: 0; }
    .menu-logo .social-media img {
      margin: 15% 0 0 3%; }
    .menu-logo .social-media ul {
      width: 100%; }
  .menu-logo .menu {
    margin-left: 9%; }
  .main h1 {
    text-shadow: -3px 2px #0cffea;
    -webkit-text-stroke: 1px #ff9642;
    color: transparent;
    margin: -43% 10% 0 24%;
    font-size: 85px; }
  .rabisco img {
    width: 70%; }
  .text p {
    margin: 5% 0 15% 26%;
    position: relative;
    font-size: 20px; }
  form {
    margin: 0 9%; }
    form .button {
      margin: 7% 37%;
      padding-left: 15%; }
    form .nome input {
      width: 100%;
      padding-left: 5%; }
    form .email {
      margin-top: -15px;
      margin-left: 2%;
      width: 100%; }
    form .telefone {
      margin-top: -18px;
      margin-left: 4%;
      width: 100%; }
      form .telefone input {
        margin-left: -3%;
        padding-left: 2%; }
    form .mensagem {
      margin-top: -15px;
      width: 100%; }
      form .mensagem textarea {
        padding-bottom: 10%;
        padding-left: 4%; }
  .rabisco-base {
    display: none; }
  footer .marca-footer p {
    display: none; }
  footer .marca-footer img {
    margin: 65% 20%;
    width: 140px; }
  footer .social-media-footer {
    margin: 5%; }
    footer .social-media-footer p {
      color: white;
      width: 80%;
      margin: 0 15%; }
    footer .social-media-footer .social-media {
      width: 100%; }
      footer .social-media-footer .social-media img {
        width: 10%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 830px) and (max-width: 889.98px) {
  .menu-logo .logo {
    width: 12.5%;
    margin: 5% 0 0 4%; }
  .menu-logo .social-media {
    width: 28%;
    padding: 0; }
    .menu-logo .social-media img {
      margin: 15% 0 0 3%; }
    .menu-logo .social-media ul {
      width: 100%; }
  .menu-logo .menu {
    margin-left: 9%; }
  .main h1 {
    text-shadow: -3px 2px #0cffea;
    -webkit-text-stroke: 1px #ff9642;
    color: transparent;
    margin: -40% 10% 0 25%;
    font-size: 85px; }
  .rabisco img {
    width: 65%; }
  .text p {
    margin: 4% 0 15% 27%;
    position: relative;
    font-size: 20px; }
  form {
    margin: 0 9%; }
    form .button {
      margin: 7% 37%;
      padding-left: 15%; }
    form .nome input {
      width: 100%;
      padding-left: 5%; }
    form .email {
      margin-top: -15px;
      margin-left: 2%;
      width: 100%; }
    form .telefone {
      margin-top: -18px;
      margin-left: 4%;
      width: 100%; }
      form .telefone input {
        margin-left: -3%;
        padding-left: 2%; }
    form .mensagem {
      margin-top: -15px;
      width: 100%; }
      form .mensagem textarea {
        padding-bottom: 10%;
        padding-left: 4%; }
  .rabisco-base {
    display: none; }
  footer .marca-footer p {
    display: none; }
  footer .marca-footer img {
    margin: 75% 20%;
    width: 115px; }
  footer .social-media-footer {
    margin: 5%; }
    footer .social-media-footer p {
      color: white;
      width: 80%;
      margin: 0 15%; }
    footer .social-media-footer .social-media {
      width: 100%; }
      footer .social-media-footer .social-media img {
        width: 10%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 890px) and (max-width: 929.98px) {
  .menu-logo .logo {
    width: 12%;
    margin: 37px 0 0 37px; }
  .menu-logo .social-media {
    width: 28%;
    padding: 0; }
    .menu-logo .social-media img {
      margin: 15% 0 0 3%; }
    .menu-logo .social-media ul {
      width: 100%; }
  .menu-logo .menu {
    margin-left: 9%; }
  .main h1 {
    text-shadow: -3px 2px #0cffea;
    -webkit-text-stroke: 1px #ff9642;
    color: transparent;
    margin: -39% 10% 0 25%;
    font-size: 85px; }
  .rabisco img {
    width: 65%; }
  .text p {
    margin: 4% 0 15% 27%;
    position: relative;
    font-size: 20px; }
  form {
    margin: 0 9%; }
    form .button {
      margin: 7% 37%;
      padding-left: 15%; }
    form .nome input {
      width: 100%;
      padding-left: 5%; }
    form .email {
      margin-top: -15px;
      margin-left: 2%;
      width: 100%; }
    form .telefone {
      margin-top: -18px;
      margin-left: 4%;
      width: 100%; }
      form .telefone input {
        margin-left: -3%;
        padding-left: 2%; }
    form .mensagem {
      margin-top: -15px;
      width: 100%; }
      form .mensagem textarea {
        padding-bottom: 10%;
        padding-left: 4%; }
  .rabisco-base {
    display: none; }
  footer .marca-footer p {
    display: none; }
  footer .marca-footer img {
    margin: 60% 20%;
    width: 140px; }
  footer .social-media-footer {
    margin: 5%; }
    footer .social-media-footer p {
      color: white;
      width: 80%;
      margin: 0 15%; }
    footer .social-media-footer .social-media {
      width: 100%; }
      footer .social-media-footer .social-media img {
        width: 10%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 930px) and (max-width: 970.98px) {
  .menu-logo .logo {
    width: 11%;
    margin: 42px 0 0 42px; }
  .menu-logo .social-media {
    width: 28%;
    padding: 0; }
    .menu-logo .social-media img {
      margin: 15% 0 0 3%; }
    .menu-logo .social-media ul {
      width: 100%; }
  .menu-logo .menu {
    margin-left: 9%; }
  .main h1 {
    text-shadow: -3px 2px #0cffea;
    -webkit-text-stroke: 1px #ff9642;
    color: transparent;
    margin: -37% 10% 0 26%;
    font-size: 85px; }
  .rabisco img {
    width: 65%; }
  .text p {
    margin: 4% 0 15% 28%;
    position: relative;
    font-size: 20px; }
  form {
    margin: 0 9%; }
    form .button {
      margin: 7% 37%;
      padding-left: 15%; }
    form .nome input {
      width: 100%;
      padding-left: 5%; }
    form .email {
      margin-top: -15px;
      margin-left: 2%;
      width: 100%; }
    form .telefone {
      margin-top: -18px;
      margin-left: 4%;
      width: 100%; }
      form .telefone input {
        margin-left: -3%;
        padding-left: 2%; }
    form .mensagem {
      margin-top: -15px;
      width: 100%; }
      form .mensagem textarea {
        padding-bottom: 10%;
        padding-left: 4%; }
  .rabisco-base {
    display: none; }
  footer .marca-footer p {
    display: none; }
  footer .marca-footer img {
    margin: 60% 35%;
    width: 145px; }
  footer .social-media-footer {
    margin: 5%; }
    footer .social-media-footer p {
      color: white;
      width: 80%;
      margin: 0 15%; }
    footer .social-media-footer .social-media {
      width: 100%; }
      footer .social-media-footer .social-media img {
        width: 10%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 2%; } }

@media (min-width: 971px) and (max-width: 1010.98px) {
  .menu-logo .menu-nav {
    height: 410px; }
  .menu-logo li {
    margin-top: 3%; }
  .menu-logo .logo {
    width: 9%;
    margin: 40px 0 0 45px; }
  .menu-logo .social-media {
    width: 28%;
    padding: 0; }
    .menu-logo .social-media img {
      margin: 15% 0 0 3%; }
    .menu-logo .social-media ul {
      width: 100%; }
  .menu-logo .menu {
    margin-left: 7.75%; }
  .main h1 {
    text-shadow: -3px 2px #0cffea;
    -webkit-text-stroke: 1px #ff9642;
    color: transparent;
    margin: -37% 10% 0 26%;
    font-size: 95px; }
  .rabisco img {
    width: 67%; }
  .text p {
    margin: 4% 0 15% 28%;
    position: relative;
    font-size: 20px; }
  form {
    margin: 0 9%; }
    form .button {
      margin: 2% 0 2% 71%;
      padding-left: 18%;
      padding-top: 1%;
      font-family: Ruda Black;
      font-size: 18px; }
    form .nome input {
      width: 100%;
      padding-left: 5%; }
    form .email {
      margin-top: -15px;
      margin-left: 2%;
      width: 100%; }
    form .telefone {
      margin-top: -18px;
      margin-left: 4%;
      width: 100%; }
      form .telefone input {
        margin-left: -3%;
        padding-left: 2%; }
    form .mensagem {
      margin-top: -15px;
      width: 100%; }
      form .mensagem textarea {
        padding-bottom: 10%;
        padding-left: 4%; }
  .rabisco-base {
    display: none; }
  footer {
    height: 275px;
    vertical-align: center; }
    footer .footer-bg {
      height: 100%; }
    footer .marca-footer p {
      font-family: Ruda Black;
      font-size: 20px;
      color: #ff9642;
      width: 100%;
      margin: 8% 0 0 -43%; }
    footer .marca-footer img {
      height: 150px;
      margin: -232px 0 0 300px; }
    footer .social-media-footer p {
      color: white;
      width: 65%;
      margin: 8% 20%;
      font-size: 15px; }
    footer .social-media-footer .social-media {
      width: 75%;
      margin: -7% 19% 0 0; }
      footer .social-media-footer .social-media img {
        width: 15%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 3%; } }

@media (min-width: 1011px) and (max-width: 1065.98px) {
  .menu-logo .menu-nav {
    height: 410px; }
  .menu-logo li {
    margin-top: 3%; }
  .menu-logo .logo {
    width: 8.75%;
    margin: 40px 0 0 45px; }
  .menu-logo .social-media {
    width: 28%;
    padding: 0; }
    .menu-logo .social-media img {
      margin: 15% 0 0 3%; }
    .menu-logo .social-media ul {
      width: 100%; }
  .menu-logo .menu {
    margin-left: 7.75%; }
  .main h1 {
    text-shadow: -3px 2px #0cffea;
    -webkit-text-stroke: 1px #ff9642;
    color: transparent;
    margin: -32% 10% 0 26%;
    font-size: 95px; }
  .rabisco img {
    width: 70%; }
  .text p {
    margin: 4% 0 15% 28%;
    position: relative;
    font-size: 20px; }
  form {
    margin: 0 9%; }
    form .button {
      margin: 2% 0 2% 71%;
      padding-left: 18%;
      padding-top: 1%;
      font-family: Ruda Black;
      font-size: 18px; }
    form .nome input {
      width: 100%;
      padding-left: 5%; }
    form .email {
      margin-top: -15px;
      margin-left: 2%;
      width: 100%; }
    form .telefone {
      margin-top: -18px;
      margin-left: 4%;
      width: 100%; }
      form .telefone input {
        margin-left: -3%;
        padding-left: 2%; }
    form .mensagem {
      margin-top: -15px;
      width: 100%; }
      form .mensagem textarea {
        padding-bottom: 10%;
        padding-left: 4%; }
  .rabisco-base {
    display: none; }
  footer {
    height: 275px;
    vertical-align: center; }
    footer .footer-bg {
      height: 100%; }
    footer .marca-footer p {
      font-family: Ruda Black;
      font-size: 20px;
      color: #ff9642;
      width: 100%;
      margin: 8% 0 0 -43%; }
    footer .marca-footer img {
      height: 150px;
      margin: -232px 0 0 300px; }
    footer .social-media-footer p {
      color: white;
      width: 65%;
      margin: 8% 20%;
      font-size: 15px; }
    footer .social-media-footer .social-media {
      width: 75%;
      margin: -7% 19% 0 0; }
      footer .social-media-footer .social-media img {
        width: 15%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 3%; } }

@media (min-width: 1066px) and (max-width: 1099.98px) {
  .menu-logo .menu-nav {
    height: 410px; }
  .menu-logo li {
    margin-top: 3%; }
  .menu-logo .logo {
    width: 9%;
    margin: 4.5% 0 0 4.25%; }
  .menu-logo .social-media {
    position: relative;
    width: 28%;
    padding: 0; }
    .menu-logo .social-media img {
      margin: 15% 0 0 3%; }
    .menu-logo .social-media ul {
      width: 100%; }
  .menu-logo .menu {
    margin-left: 7.75%; }
  .main h1 {
    text-shadow: -3px 2px #0cffea;
    -webkit-text-stroke: 1px #ff9642;
    color: transparent;
    margin: -34% 10% 0 25%;
    font-size: 95px; }
  .rabisco img {
    width: 75%; }
  .text p {
    margin: 4% 0 15% 30%;
    position: relative;
    font-size: 20px; }
  form {
    margin: 0 9%; }
    form .button {
      margin: 2% 0 2% 71%;
      padding-left: 18%;
      padding-top: 1%;
      font-family: Ruda Black;
      font-size: 18px; }
    form .nome input {
      width: 100%;
      padding-left: 5%; }
    form .email {
      margin-top: -15px;
      margin-left: 2%;
      width: 100%; }
    form .telefone {
      margin-top: -18px;
      margin-left: 4%;
      width: 100%; }
      form .telefone input {
        margin-left: -3%;
        padding-left: 2%; }
    form .mensagem {
      margin-top: -15px;
      width: 100%; }
      form .mensagem textarea {
        padding-bottom: 10%;
        padding-left: 4%; }
  .rabisco-base {
    display: none; }
  footer {
    height: 275px;
    vertical-align: center; }
    footer .footer-bg {
      height: 100%; }
    footer .marca-footer p {
      font-family: Ruda Black;
      font-size: 20px;
      color: #ff9642;
      width: 100%;
      margin: 8% 0 0 -43%; }
    footer .marca-footer img {
      height: 150px;
      margin: -232px 0 0 300px; }
    footer .social-media-footer p {
      color: white;
      width: 65%;
      margin: 8% 20%;
      font-size: 15px; }
    footer .social-media-footer .social-media {
      width: 75%;
      margin: -7% 19% 0 0; }
      footer .social-media-footer .social-media img {
        width: 15%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 3%; } }

@media (min-width: 1100px) and (max-width: 1165.98px) {
  .menu-logo .menu-nav {
    height: 410px; }
  .menu-logo li {
    margin-top: 3%; }
  .menu-logo .logo {
    width: 7.25%;
    margin: 2% 0 0 2%; }
  .menu-logo .social-media {
    margin: 0 5%;
    padding: 0; }
    .menu-logo .social-media img {
      width: 27%;
      margin: 20% 0 0 3%; }
    .menu-logo .social-media ul {
      width: 100%; }
  .menu-logo .menu {
    margin-left: 4.5%; }
  .main h1 {
    text-shadow: -3px 2px #0cffea;
    -webkit-text-stroke: 1px #ff9642;
    color: transparent;
    margin: -32% 10% 0 20%;
    font-size: 100px; }
  .rabisco img {
    width: 80%; }
  .text p {
    margin: 4% 0 15% 30%;
    position: relative;
    font-size: 20px; }
  form {
    margin: 0 9%; }
    form .button {
      margin: 1% 0 2% 72%;
      padding-left: 18%;
      padding-top: 1%;
      font-family: Ruda Black;
      font-size: 18px; }
    form .nome input {
      width: 100%;
      padding-left: 4%; }
    form .email {
      margin-top: -15px;
      margin-left: 2%;
      width: 100%; }
    form .telefone {
      margin-top: -18px;
      margin-left: 4%;
      width: 100%; }
      form .telefone input {
        margin-left: -3%;
        padding-left: 2%; }
    form .mensagem {
      margin-top: -15px;
      width: 100%; }
      form .mensagem textarea {
        padding-bottom: 10%;
        padding-left: 4%; }
  .rabisco-base {
    display: none; }
  footer {
    height: 275px;
    vertical-align: center; }
    footer .footer-bg {
      height: 100%; }
    footer .marca-footer p {
      font-family: Ruda Black;
      font-size: 20px;
      color: #ff9642;
      width: 100%;
      margin: 8% 0 0 -43%; }
    footer .marca-footer img {
      height: 150px;
      margin: -232px 0 0 300px; }
    footer .social-media-footer p {
      color: white;
      width: 65%;
      margin: 8% 20%;
      font-size: 15px; }
    footer .social-media-footer .social-media {
      width: 75%;
      margin: -7% 19% 0 0; }
      footer .social-media-footer .social-media img {
        width: 15%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 3%; } }

@media (min-width: 1166px) and (max-width: 1265.98px) {
  .menu-logo .menu-nav {
    height: 410px; }
  .menu-logo li {
    margin-top: 3%; }
  .menu-logo .logo {
    width: 8%;
    margin: 1.5% 0 0 1.5%; }
  .menu-logo .social-media {
    position: relative;
    margin: 0 5%;
    padding: 0; }
    .menu-logo .social-media img {
      width: 27%;
      margin: 20% 0 0 3%; }
    .menu-logo .social-media ul {
      width: 100%; }
  .menu-logo .menu {
    margin-left: 4.5%; }
  .main h1 {
    text-shadow: -3px 2px #0cffea;
    -webkit-text-stroke: 1px #ff9642;
    color: transparent;
    margin: -28% 10% 0 16%;
    font-size: 130px; }
  .rabisco img {
    width: 80%; }
  .text p {
    margin: 4% 0 6% 30%;
    position: relative;
    font-size: 20px; }
  form {
    margin: 0 9%; }
    form .button {
      margin: 1% 0 2% 73%;
      padding-left: 18%;
      padding-top: 1%;
      font-family: Ruda Black;
      font-size: 18px; }
    form .nome input {
      width: 100%;
      padding-left: 3%; }
    form .email {
      margin-top: -15px;
      margin-left: 2%;
      width: 100%; }
    form .telefone {
      margin-top: -18px;
      margin-left: 4%;
      width: 100%; }
      form .telefone input {
        margin-left: -3%;
        padding-left: 2%; }
    form .mensagem {
      margin-top: -15px;
      width: 100%; }
      form .mensagem textarea {
        padding-bottom: 10%;
        padding-left: 3%; }
  .rabisco-base {
    display: none; }
  footer {
    height: 275px;
    vertical-align: center; }
    footer .footer-bg {
      height: 100%; }
    footer .marca-footer p {
      font-family: Ruda Black;
      font-size: 20px;
      color: #ff9642;
      width: 100%;
      margin: 8% 0 0 -43%; }
    footer .marca-footer img {
      height: 150px;
      margin: -232px 0 0 300px; }
    footer .social-media-footer p {
      color: white;
      width: 65%;
      margin: 8% 20%;
      font-size: 15px; }
    footer .social-media-footer .social-media {
      width: 75%;
      margin: -7% 19% 0 0; }
      footer .social-media-footer .social-media img {
        width: 15%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 3%; } }

@media (min-width: 1266px) and (max-width: 1365.98px) {
  .menu-logo .menu-nav {
    height: 410px; }
  .menu-logo li {
    margin-top: 3%; }
  .menu-logo .logo {
    width: 8%;
    margin: 1.5% 0 0 1.5%; }
  .menu-logo .social-media {
    position: relative;
    margin: 0 5%;
    padding: 0; }
    .menu-logo .social-media img {
      width: 27%;
      margin: 20% 0 0 3%; }
    .menu-logo .social-media ul {
      width: 100%; }
  .menu-logo .menu {
    margin-left: 4.5%; }
  .main h1 {
    text-shadow: -3px 2px #0cffea;
    -webkit-text-stroke: 1px #ff9642;
    color: transparent;
    margin: -28% 10% 0 16%;
    font-size: 135px; }
  .rabisco img {
    width: 80%; }
  .text p {
    margin: 4% 0 6% 30%;
    position: relative;
    font-size: 20px; }
  form {
    margin: 0 9%; }
    form .button {
      margin: 1% 0 6% 73%;
      padding-left: 18%;
      padding-top: 1%;
      font-family: Ruda Black;
      font-size: 18px; }
    form .nome input {
      width: 100%;
      padding-left: 3%; }
    form .email {
      margin-top: -20px;
      margin-left: 2%;
      width: 100%; }
    form .telefone {
      margin-top: -20px;
      margin-left: 4%;
      width: 100%; }
      form .telefone input {
        margin-left: -3%;
        padding-left: 2%; }
    form .mensagem {
      margin-top: -20px;
      width: 100%; }
      form .mensagem textarea {
        padding-bottom: 10%;
        padding-left: 3%; }
  .rabisco-base img {
    position: absolute;
    width: 15%;
    margin: -10% 0% 0% 85%; }
  footer {
    height: 275px;
    vertical-align: center; }
    footer .footer-bg {
      height: 100%; }
    footer .marca-footer p {
      font-family: Ruda Black;
      font-size: 20px;
      color: #ff9642;
      width: 100%;
      margin: 8% 0 0 -43%; }
    footer .marca-footer img {
      height: 150px;
      margin: -232px 0 0 300px; }
    footer .social-media-footer p {
      color: white;
      width: 65%;
      margin: 8% 20%;
      font-size: 15px; }
    footer .social-media-footer .social-media {
      width: 75%;
      margin: -7% 19% 0 0; }
      footer .social-media-footer .social-media img {
        width: 15%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 3%; } }

@media (min-width: 1366px) and (max-width: 1499.98px) {
  .menu-logo .menu-nav {
    height: 410px; }
  .menu-logo li {
    margin-top: 3%; }
  .menu-logo .logo {
    width: 7%;
    margin: 1.5% 0 0 1.75%; }
  .menu-logo .social-media {
    position: relative;
    margin: 0 5%;
    padding: 0; }
    .menu-logo .social-media img {
      width: 27%;
      margin: 20% 0 0 3%; }
    .menu-logo .social-media ul {
      width: 100%; }
  .menu-logo .menu {
    margin-left: 4.5%; }
  .main h1 {
    text-shadow: -3px 2px #0cffea;
    -webkit-text-stroke: 1px #ff9642;
    color: transparent;
    margin: -25% 10% 0 16%;
    font-size: 140px; }
  .rabisco img {
    width: 80%; }
  .text p {
    margin: 4% 0 6% 30%;
    position: relative;
    font-size: 20px; }
  form {
    margin: 0 9%; }
    form .button {
      margin: 1% 0 8% 73%;
      padding-left: 19%;
      padding-top: 1%;
      font-family: Ruda Black;
      font-size: 18px; }
    form .nome input {
      width: 100%;
      padding-left: 3%; }
    form .email {
      margin-top: -20px;
      margin-left: 2%;
      width: 100%; }
    form .telefone {
      margin-top: -20px;
      margin-left: 4%;
      width: 100%; }
      form .telefone input {
        margin-left: -3%;
        padding-left: 2%; }
    form .mensagem {
      margin-top: -20px;
      width: 100%; }
      form .mensagem textarea {
        padding-bottom: 10%;
        padding-left: 3%; }
  .rabisco-base img {
    position: absolute;
    width: 15%;
    margin: -10% 0% 0% 85%; }
  footer {
    height: 275px;
    vertical-align: center; }
    footer .footer-bg {
      height: 100%; }
    footer .marca-footer p {
      font-family: Ruda Black;
      font-size: 20px;
      color: #ff9642;
      width: 100%;
      margin: 8% 0 0 -43%; }
    footer .marca-footer img {
      height: 150px;
      margin: -232px 0 0 300px; }
    footer .social-media-footer p {
      color: white;
      width: 65%;
      margin: 8% 20%;
      font-size: 15px; }
    footer .social-media-footer .social-media {
      width: 75%;
      margin: -7% 19% 0 0; }
      footer .social-media-footer .social-media img {
        width: 15%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 3%; } }

@media (min-width: 1500px) and (max-width: 1600.98px) {
  .menu-logo .menu-nav {
    height: 410px; }
  .menu-logo li {
    margin-top: 3%; }
  .menu-logo .logo {
    width: 7%;
    margin: 1.5% 0 0 1.75%; }
  .menu-logo .social-media {
    position: relative;
    margin: 0 5%;
    padding: 0; }
    .menu-logo .social-media img {
      width: 27%;
      margin: 20% 0 0 3%; }
    .menu-logo .social-media ul {
      width: 100%; }
  .menu-logo .menu {
    margin-left: 4.5%; }
  .main h1 {
    text-shadow: -3px 2px #0cffea;
    -webkit-text-stroke: 1px #ff9642;
    color: transparent;
    margin: -23% 10% 0 16%;
    font-size: 145px; }
  .rabisco img {
    width: 80%; }
  .text p {
    margin: 4% 0 6% 35%;
    position: relative;
    font-size: 25px; }
  form {
    margin: 0 9%; }
    form .button {
      margin: 1% 0 8% 75%;
      padding-left: 18%;
      padding-top: 1%;
      font-family: Ruda Black;
      font-size: 18px; }
    form .nome input {
      width: 100%;
      padding-left: 3%; }
    form .email {
      margin-top: -20px;
      margin-left: 2%;
      width: 100%; }
    form .telefone {
      margin-top: -20px;
      margin-left: 4%;
      width: 100%; }
      form .telefone input {
        margin-left: -3%;
        padding-left: 2%; }
    form .mensagem {
      margin-top: -20px;
      width: 100%; }
      form .mensagem textarea {
        padding-bottom: 10%;
        padding-left: 3%; }
  .rabisco-base img {
    position: absolute;
    width: 15%;
    margin: -10% 0% 0% 85%; }
  footer {
    height: 275px;
    vertical-align: center; }
    footer .footer-bg {
      height: 100%; }
    footer .marca-footer p {
      font-family: Ruda Black;
      font-size: 20px;
      color: #ff9642;
      width: 100%;
      margin: 8% 0 0 -43%; }
    footer .marca-footer img {
      height: 150px;
      margin: -232px 0 0 300px; }
    footer .social-media-footer p {
      color: white;
      width: 65%;
      margin: 8% 20%;
      font-size: 15px; }
    footer .social-media-footer .social-media {
      width: 75%;
      margin: -7% 19% 0 0; }
      footer .social-media-footer .social-media img {
        width: 15%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 3%; } }

@media (min-width: 1601px) and (max-width: 1699.98px) {
  .menu-logo .menu-nav {
    height: 410px; }
  .menu-logo li {
    margin-top: 3%; }
  .menu-logo .logo {
    width: 7%;
    margin: 1.5% 0 0 1.75%; }
  .menu-logo .social-media {
    position: relative;
    margin: 0 5%;
    padding: 0; }
    .menu-logo .social-media img {
      width: 27%;
      margin: 20% 0 0 3%; }
    .menu-logo .social-media ul {
      width: 100%; }
  .menu-logo .menu {
    margin-left: 4.5%; }
  .main h1 {
    text-shadow: -3px 2px #0cffea;
    -webkit-text-stroke: 1px #ff9642;
    color: transparent;
    margin: -22% 10% 0 16%;
    font-size: 145px; }
  .rabisco img {
    width: 80%; }
  .text p {
    margin: 4% 0 6% 35%;
    position: relative;
    font-size: 25px; }
  form {
    margin: 0 9%; }
    form .button {
      margin: 1% 0 12% 75%;
      padding-left: 18%;
      padding-top: 1%;
      font-family: Ruda Black;
      font-size: 18px; }
    form .nome input {
      width: 100%;
      padding-left: 3%; }
    form .email {
      margin-top: -20px;
      margin-left: 2%;
      width: 100%; }
    form .telefone {
      margin-top: -20px;
      margin-left: 4%;
      width: 100%; }
      form .telefone input {
        margin-left: -3%;
        padding-left: 2%; }
    form .mensagem {
      margin-top: -20px;
      width: 100%; }
      form .mensagem textarea {
        padding-bottom: 10%;
        padding-left: 3%; }
  .rabisco-base img {
    position: absolute;
    width: 17%;
    margin: -11% 0% 0% 83%; }
  footer {
    height: 275px;
    vertical-align: center; }
    footer .footer-bg {
      height: 100%; }
    footer .marca-footer p {
      font-family: Ruda Black;
      font-size: 20px;
      color: #ff9642;
      width: 100%;
      margin: 8% 0 0 -43%; }
    footer .marca-footer img {
      height: 150px;
      margin: -232px 0 0 300px; }
    footer .social-media-footer p {
      color: white;
      width: 65%;
      margin: 8% 20%;
      font-size: 15px; }
    footer .social-media-footer .social-media {
      width: 75%;
      margin: -7% 19% 0 0; }
      footer .social-media-footer .social-media img {
        width: 15%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 3%; } }

@media (min-width: 1700px) and (max-width: 1800.98px) {
  .menu-logo .menu-nav {
    height: 410px; }
  .menu-logo li {
    margin-top: 3%; }
  .menu-logo .logo {
    width: 7%;
    margin: 1.5% 0 0 1.5%; }
  .menu-logo .social-media {
    position: relative;
    margin: 0 5%;
    padding: 0; }
    .menu-logo .social-media img {
      width: 27%;
      margin: 20% 0 0 3%; }
    .menu-logo .social-media ul {
      width: 100%; }
  .menu-logo .menu {
    margin-left: 4.5%; }
  .main h1 {
    text-shadow: -3px 2px #0cffea;
    -webkit-text-stroke: 1px #ff9642;
    color: transparent;
    margin: -22% 10% 0 16%;
    font-size: 145px; }
  .rabisco img {
    width: 90%; }
  .text p {
    margin: 4% 0 6% 35%;
    position: relative;
    font-size: 25px; }
  form {
    margin: 0 9%; }
    form .button {
      margin: 1% 0 14% 75%;
      padding-left: 18%;
      padding-top: 1%;
      font-family: Ruda Black;
      font-size: 22px; }
    form .nome input {
      width: 100%;
      padding-left: 3%; }
    form .email {
      margin-top: -20px;
      margin-left: 2%;
      width: 100%; }
    form .telefone {
      margin-top: -20px;
      margin-left: 4%;
      width: 100%; }
      form .telefone input {
        margin-left: -3%;
        padding-left: 2%; }
    form .mensagem {
      margin-top: -20px;
      width: 100%; }
      form .mensagem textarea {
        padding-bottom: 10%;
        padding-left: 3%; }
  .rabisco-base img {
    position: absolute;
    width: 17%;
    margin: -11% 0% 0% 83%; }
  footer {
    height: 275px;
    vertical-align: center; }
    footer .footer-bg {
      height: 100%; }
    footer .marca-footer p {
      font-family: Ruda Black;
      font-size: 20px;
      color: #ff9642;
      width: 100%;
      margin: 8% 0 0 -43%; }
    footer .marca-footer img {
      height: 150px;
      margin: -232px 0 0 300px; }
    footer .social-media-footer p {
      color: white;
      width: 65%;
      margin: 8% 20%;
      font-size: 15px; }
    footer .social-media-footer .social-media {
      width: 75%;
      margin: -7% 19% 0 0; }
      footer .social-media-footer .social-media img {
        width: 15%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 3%; } }

@media (min-width: 1801px) and (max-width: 1899.98px) {
  .menu-logo .menu-nav {
    height: 410px; }
  .menu-logo li {
    margin-top: 3%; }
  .menu-logo .logo {
    width: 7%;
    margin: 1.5% 0 0 1.5%; }
  .menu-logo .social-media {
    position: relative;
    margin: 0 5%;
    padding: 0; }
    .menu-logo .social-media img {
      width: 27%;
      margin: 20% 0 0 3%; }
    .menu-logo .social-media ul {
      width: 100%; }
  .menu-logo .menu {
    margin-left: 4.5%; }
  .main h1 {
    text-shadow: -3px 2px #0cffea;
    -webkit-text-stroke: 1px #ff9642;
    color: transparent;
    margin: -20% 10% 0 16%;
    font-size: 160px; }
  .rabisco img {
    width: 100%; }
  .text p {
    margin: 4% 0 6% 35%;
    position: relative;
    font-size: 25px; }
  form {
    margin: 0 9%; }
    form .button {
      margin: 1% 0 14% 75%;
      padding-left: 18%;
      padding-top: 1%;
      font-family: Ruda Black;
      font-size: 22px; }
    form .nome input {
      width: 100%;
      padding-left: 3%; }
    form .email {
      margin-top: -20px;
      margin-left: 2%;
      width: 100%; }
      form .email input {
        padding-left: 19px; }
    form .telefone {
      margin-top: -20px;
      margin-left: 4%;
      width: 100%; }
      form .telefone input {
        margin-left: -3%;
        padding-left: 2%; }
    form .mensagem {
      margin-top: -20px;
      width: 100%; }
      form .mensagem textarea {
        padding-bottom: 10%;
        padding-left: 3%; }
  .rabisco-base img {
    position: absolute;
    width: 17%;
    margin: -11% 0% 0% 83%; }
  footer {
    height: 275px;
    vertical-align: center; }
    footer .footer-bg {
      height: 100%; }
    footer .marca-footer p {
      font-family: Ruda Black;
      font-size: 20px;
      color: #ff9642;
      width: 100%;
      margin: 8% 0 0 -43%; }
    footer .marca-footer img {
      height: 150px;
      margin: -232px 0 0 300px; }
    footer .social-media-footer p {
      color: white;
      width: 65%;
      margin: 8% 20%;
      font-size: 15px; }
    footer .social-media-footer .social-media {
      width: 75%;
      margin: -7% 19% 0 0; }
      footer .social-media-footer .social-media img {
        width: 15%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 3%; } }

@media (min-width: 1900px) and (max-width: 1999.98px) {
  .menu-logo .menu-nav {
    height: 410px; }
  .menu-logo li {
    margin-top: 3%; }
  .menu-logo .logo {
    width: 7%;
    margin: 1.5% 0 0 1.5%; }
  .menu-logo .social-media {
    position: relative;
    margin: 0 5%;
    padding: 0; }
    .menu-logo .social-media img {
      width: 27%;
      margin: 20% 0 0 3%; }
    .menu-logo .social-media ul {
      width: 100%; }
  .menu-logo .menu {
    margin-left: 4.5%; }
  .main h1 {
    text-shadow: -5px 3px #0cffea;
    -webkit-text-stroke: 2px #ff9642;
    color: transparent;
    margin: -18% 10% 0 16%;
    font-size: 175px; }
  .rabisco img {
    width: 100%; }
  .text p {
    margin: 4% 0 6% 35%;
    position: relative;
    font-size: 25px; }
  form {
    margin: 0 9%; }
    form .button {
      margin: 1% 0 14% 75%;
      padding-left: 18%;
      padding-top: 1%;
      font-family: Ruda Black;
      font-size: 22px; }
    form .nome input {
      width: 100%;
      padding-left: 3%; }
    form .email {
      margin-top: -20px;
      margin-left: 2%;
      width: 100%; }
      form .email input {
        padding-left: 19px; }
    form .telefone {
      margin-top: -20px;
      margin-left: 4%;
      width: 100%; }
      form .telefone input {
        margin-left: -3%;
        padding-left: 2%; }
    form .mensagem {
      margin-top: -20px;
      width: 100%; }
      form .mensagem textarea {
        padding-bottom: 10%;
        padding-left: 3%; }
  .rabisco-base img {
    position: absolute;
    width: 17%;
    margin: -11% 0% 0% 83%; }
  footer {
    height: 275px;
    vertical-align: center; }
    footer .footer-bg {
      height: 100%; }
    footer .marca-footer p {
      font-family: Ruda Black;
      font-size: 20px;
      color: #ff9642;
      width: 100%;
      margin: 8% 0 0 -43%; }
    footer .marca-footer img {
      height: 150px;
      margin: -232px 0 0 300px; }
    footer .social-media-footer p {
      color: white;
      width: 65%;
      margin: 8% 20%;
      font-size: 15px; }
    footer .social-media-footer .social-media {
      width: 75%;
      margin: -7% 19% 0 0; }
      footer .social-media-footer .social-media img {
        width: 15%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 3%; } }

@media (min-width: 2000px) {
  .menu-logo .menu-nav {
    height: 410px; }
  .menu-logo li {
    margin-top: 3%; }
  .menu-logo .logo {
    width: 7%;
    margin: 1.5% 0 0 1.5%; }
  .menu-logo .social-media {
    position: relative;
    margin: 0 5%;
    padding: 0; }
    .menu-logo .social-media img {
      width: 27%;
      margin: 20% 0 0 3%; }
    .menu-logo .social-media ul {
      width: 100%; }
  .menu-logo .menu {
    margin-left: 4.5%; }
  .main h1 {
    text-shadow: -5px 3px #0cffea;
    -webkit-text-stroke: 2px #ff9642;
    color: transparent;
    margin: -13% 10% 0 16%;
    font-size: 175px; }
  .rabisco img {
    width: 90%; }
  .text p {
    margin: 4% 0 6% 35%;
    position: relative;
    font-size: 25px; }
  form {
    margin: 0 9%; }
    form .button {
      margin: 1% 0 14% 75%;
      padding-left: 18%;
      padding-top: 1%;
      font-family: Ruda Black;
      font-size: 22px; }
    form .nome input {
      width: 100%;
      padding-left: 3%; }
    form .email {
      margin-top: -20px;
      margin-left: 2%;
      width: 100%; }
      form .email input {
        padding-left: 19px; }
    form .telefone {
      margin-top: -20px;
      margin-left: 4%;
      width: 100%; }
      form .telefone input {
        margin-left: -3%;
        padding-left: 2%; }
    form .mensagem {
      margin-top: -20px;
      width: 100%; }
      form .mensagem textarea {
        padding-bottom: 10%;
        padding-left: 3%; }
  .rabisco-base img {
    position: absolute;
    width: 17%;
    margin: -11% 0% 0% 83%; }
  footer {
    height: 275px;
    vertical-align: center; }
    footer .footer-bg {
      height: 100%; }
    footer .marca-footer p {
      font-family: Ruda Black;
      font-size: 20px;
      color: #ff9642;
      width: 100%;
      margin: 8% 0 0 -43%; }
    footer .marca-footer img {
      height: 150px;
      margin: -232px 0 0 300px; }
    footer .social-media-footer p {
      color: white;
      width: 65%;
      margin: 8% 20%;
      font-size: 15px; }
    footer .social-media-footer .social-media {
      width: 75%;
      margin: -7% 19% 0 0; }
      footer .social-media-footer .social-media img {
        width: 15%; }
      footer .social-media-footer .social-media ul li {
        margin-right: 3%; } }