/*$fontB: 'Frank Ruhl Libre', serif;*/
@media screen and (max-width: 1220px) { .wrapper { width: auto; padding: 0 30px; }
  header .wrapper .left .header-logo { margin-right: 50px; }
  header .wrapper .left nav ul li { margin-left: 20px; }
  #banner .wrapper .left { width: 60%; }
  #banner .wrapper .right { width: 40%; }
  #banner .wrapper .scroll-info { left: 30px; }
  #contactos .wrapper .content .left { width: 40%; padding-right: 20px; }
  #contactos .wrapper .content .right { width: 60%; padding-left: 20px; } }
@media screen and (max-width: 1024px) { h1, h1 * { font-size: 50px; line-height: 54px; }
  .grid-b .grid-item .content { padding: 20px; }
  .grid-b .grid-item .content .price { font-size: 24px; }
  .grid-b .grid-item .content .type { font-size: 12px; }
  .grid-b .grid-item .content .name { font-size: 14px; }
  header .wrapper nav, header .wrapper .right { display: none; }
  #mobile-menu-switch { display: flex !important; }
  #mobile-menu { display: block !important; }
  #banner .wrapper .left { width: 80%; }
  #banner .wrapper .right { width: 20%; }
  #conceito .wrapper .content .right { padding: 50px; }
  #menu-groups .wrapper .content .right p, #menu-groups .wrapper .content .right p * { font-size: 20px; line-height: 24px; }
  .grid-c .grid-item p, .grid-c .grid-item p * { font-size: 16px; }
  #contactos .wrapper .content .left { width: 40%; padding-right: 15px; }
  #contactos .wrapper .content .left p { font-size: 16px; }
  #contactos .wrapper .content .right { width: 60%; padding-left: 15px; }
  #contactos .wrapper .content .right form .box-subject { width: calc(60% - 15px); }
  #contactos .wrapper .content .right form .box-phone { width: calc(40% - 15px); } }
@media screen and (max-width: 768px) { footer .wrapper { flex-direction: column; align-items: center; }
  footer .wrapper .left { margin: 0 0 15px 0; }
  footer .wrapper .mid { margin-right: 0; margin-bottom: 15px; }
  footer .wrapper .right { margin-top: 0; }
  .grid-c .grid-item .content { padding: 30px; }
  #conceito .wrapper .content { flex-direction: column; }
  #conceito .wrapper .content .left { width: 100%; }
  #conceito .wrapper .content .right { width: 100%; margin-top: 0; padding: 80px; }
  .grid-b { grid-template-columns: repeat(2, 1fr); }
  #menu-groups .wrapper .content { flex-direction: column; }
  #menu-groups .wrapper .content .left { width: 80%; }
  #menu-groups .wrapper .content .right { width: 80%; padding: 0; margin-top: 30px; }
  #galeria { height: 500px; }
  #contactos .wrapper .content { flex-direction: column; }
  #contactos .wrapper .content .left { width: 100%; padding-right: 0; margin-bottom: 50px; text-align: center; }
  #contactos .wrapper .content .left h4 { justify-content: center; }
  #contactos .wrapper .content .left h4:after { width: 50%; }
  #contactos .wrapper .content .left h4:before { background-color: #fff; content: ""; display: block; height: 1px; width: 50%; margin-right: 10px; }
  #contactos .wrapper .content .right { width: 100%; padding-left: 0; }
  #contactos .wrapper .content .left p { font-size: 18px; }
  #contactos .wrapper .content .right form .box-subject { width: calc(70% - 15px); }
  #contactos .wrapper .content .right form .box-phone { width: calc(30% - 15px); }
  #contactos .wrapper .content .right form .bot .left { text-align: left; margin-bottom: 0; } }
@media screen and (max-width: 600px) { h1, h1 * { font-size: 40px; line-height: 44px; }
  h2, h2 * { font-size: 24px; line-height: 28px; }
  .grid-b { grid-gap: 10px; }
  .grid-c { grid-template-columns: repeat(1, 1fr); }
  .grid-c .grid-item p, .grid-c .grid-item p * { font-size: 18px; }
  header, header .wrapper { height: 80px; }
  #mobile-menu-switch { top: 20px; }
  header .wrapper .left .header-logo img { max-height: 50px; }
  footer .wrapper .left p { text-align: center; }
  footer .wrapper .mid { flex-direction: column; }
  footer .wrapper .mid p { margin-top: 0; text-align: center; margin-bottom: 5px; padding-top: 0; }
  footer .wrapper .mid ul { justify-content: center; }
  #banner .wrapper .left { width: 100%; }
  #banner .wrapper .left p { font-size: 18px; line-height: 22px; }
  #banner .wrapper .right { display: none; }
  #conceito .wrapper .content .right { padding: 50px; }
  #menu-groups .wrapper .content .left { width: 100%; }
  #menu-groups .wrapper .content .right { width: 100%; }
  #galeria { height: 300px; }
  #contactos .wrapper .content .right form .box { width: 100%; margin-left: 0; margin-right: 0; }
  #contactos .wrapper .content .right form .bot { flex-direction: column; }
  #contactos .wrapper .content .right form .bot .left { width: 100%; justify-content: center; margin-bottom: 30px; }
  #contactos .wrapper .content .right form .bot .right { width: 100%; text-align: center; } }
@media screen and (max-width: 480px) { * { font-size: 16px; }
  h1, h1 * { font-size: 30px; line-height: 34px; }
  .grid-b { grid-template-columns: repeat(1, 1fr); grid-gap: 20px; }
  .grid-b .grid-item .content .type { font-size: 14px; }
  .grid-b .grid-item .content .name { font-size: 16px; }
  .grid-b .grid-item .content .price { font-size: 30px; }
  .grid-c .grid-item p, .grid-c .grid-item p * { font-size: 16px; }
  .btn { font-size: 14px; }
  #banner .wrapper .left p { font-size: 16px; line-height: 20px; }
  #banner .wrapper .scroll-info { bottom: 80px; }
  #conceito .wrapper .content .right { padding: 30px; } }