@media (min-width: 1200px) {
  html {
    font-size: 115.6%;
  }

  /* Button */
  .btn {
    padding: 0.8rem 1.7rem;
  }

  .wsmenu > .wsmenu-list > li > a {
    font-size: 0.9375rem;
  }
}

/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */

@media (min-width: 992px) and (max-width: 1199.95px) {
  #section-form {
    padding-bottom: 1px;
  }
  .footer-socials {
    padding-top: 50px;
  }
  #hero-12 {
    height: none;
    padding-top: 150px;
  }
  .py-100 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .pt-100 {
    padding-top: 80px;
  }
  .mb-70 {
    margin-bottom: 60px;
  }

  .s-17 {
    font-size: 1.0625rem;
  } /* 17px */ /* 18px */ /* 18px */
  .s-20 {
    font-size: 1.18755rem;
  } /* 19px */
  .s-21,
  .s-22 {
    font-size: 1.25rem;
  } /* 20px */ /* 21px */ /* 22px */ /* 24px */ /* 26px */ /* 28px */ /* 30px */ /* 32px */ /* 34px */ /* 36px */ /* 37px */ /* 39px */ /* 40px */ /* 40px */ /* 41px */
  .s-46 {
    font-size: 2.625rem;
  } /* 42px */ /* 43px */ /* 44px */
  .s-50 {
    font-size: 2.875rem;
  } /* 46px */ /* 48px */ /* 50px */ /* 52px */ /* 54px */ /* 56px */
  .s-62 {
    font-size: 3.625rem;
  } /* 58px */ /* 60px */ /* 62px */ /* 64px */

  .ico-50 .shape-ico svg {
    width: 110px;
    height: 110px;
    top: -30px;
    left: calc(50% - 55px);
  }

  .section-title p.s-21 {
    margin-top: 15px;
  }
  .section-title p.s-21 {
    font-size: 1.18755rem;
  }

  .desktoplogo img {
    max-height: 34px;
  }

  /* Nav Link */
  .wsmenu > .wsmenu-list > li > a {
    margin: 0 5px;
    padding: 10px 15px;
  }

  .hero-section h2 {
    margin-bottom: 24px;
  }

  .hero-12-txt h2 {
    padding: 0;
  }

  #features-12.pt-100.shape--bg:after {
    width: 50%;
    height: 60%;
    top: 18%;
    left: 50%;
  }

  .fbox-12-wrapper {
    padding-left: 30px;
  }

  .fbox-12 {
    padding: 30px;
  }

  .fbox-ico {
    margin-bottom: 18px;
  }
  .row-cols-md-2 .fbox-ico {
    margin-bottom: 15px;
  }

  .fbox-txt h5,
  .features-section h6.s-22,
  .fbox-wrapper .row-cols-md-2 h6 {
    margin-bottom: 12px;
  }

  /* CONTENT */

  /* Content Box Wrapper */

  .txt-block h2 {
    margin-bottom: 20px;
  }

  .newsletter-section .form-control {
    height: 50px;
  }

  .newsletter-section .btn {
    height: 50px;
  }

  /* BLOG */

  /* Blog Listing */
  ..posts-category span {
    top: -1.5px;
  }

  /* Single Blog Post */

  /* CONTACTS */

  /* FOOTER */
  .footer {
    padding-bottom: 35px;
  }
  .footer hr {
    margin-top: 10px;
    margin-bottom: 35px;
  }

  img.footer-logo {
    max-height: 34px;
  }

  .footer h6 {
    margin-bottom: 20px;
  }

  .footer-mail-link {
    font-size: 1.0625rem;
  }

  .footer-socials.ico-25 a {
    margin-right: 14px;
  }

  /* INNER PAGE WRAPPER */

  /* TERMS, PRIVACY, COOKIES */

  /* SIGN IN / SIGN UP */

  /* PAGE 404 */

  /* MODAL */
}

/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */

@media (min-width: 768px) and (max-width: 991.98px) {
  #icone-seta {
    display: flex;
  }
  .footer-socials {
    padding-top: 50px;
  }
  #footer-3 .footer-logo {
    margin-bottom: 100px;
  }
  #titulo-trans {
    font-size: 29px;
  }

  html {
    font-size: 85%;
  }
  #hero-12 {
    height: none;
  }
  .py-100 {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .pt-100 {
    padding-top: 70px;
  }
  .mb-70 {
    margin-bottom: 50px;
  }

  .s-17 {
    font-size: 1.066176rem;
  } /* 14.5px */ /* 18px */
  .s-20,
  .s-21,
  .s-22 {
    font-size: 1.397058rem;
  } /* 19px */ /* 20px */ /* 24px */ /* 27px */ /* 30px */
  .s-46 {
    font-size: 2.35294rem;
  } /* 32px */ /* 33px */ /* 34px */
  .s-50 {
    font-size: 2.64705rem;
  } /* 36px */ /* 38px */ /* 40px */ /* 42px */ /* 44px */
  .s-62 {
    font-size: 3.38235rem;
  } /* 46px */ /* 48px */ /* 50px */ /* 52px */

  /* Paragraphs */
  p.p-sm {
    font-size: 1rem;
  }

  .ico-50 .shape-ico svg {
    width: 95px;
    height: 95px;
    top: -25px;
    left: calc(50% - 50px);
  }

  .form-background {
    padding: 15px;
  }

  #info-text-form,
  #logo-form {
    text-align: center; /* Centraliza o texto e a logo em telas pequenas */
  }

  .form-group label {
    display: block; /* Labels em linha inteira para telas pequenas */
  }
  .section-title.mb-70 {
    margin-bottom: 40px;
  }
  .section-title p.s-21 {
    font-size: 1.32352rem;
    margin-top: 12px;
  }

  /*------------------------------------------*/

  .wsmobileheader .smllogo {
    display: block;
    margin-top: 22px;
    padding-left: 22px;
  }
  .smllogo img {
    width: auto;
    max-width: inherit;
    max-height: 34px;
  }

  .wsmobileheader {
    background-color: rgba(0, 0, 0, 0.7);
    height: 80px;
    box-shadow: 0 0 2px rgba(50, 50, 50, 0.4);
  }

  /* Mobile Header Phone Icon */

  /* Mobile Header Burger Menu */
  .wsanimated-arrow {
    padding: 14px 22px 14px 0px;
    margin: 24px 28px 0 0;
  }
  .wsanimated-arrow span:before {
    top: -8px;
    width: 26px;
  }
  .wsanimated-arrow span:after {
    bottom: -8px;
    width: 20px;
  }

  /* Dark Header Settings */

  /* Nav Link */
  .wsmenu > .wsmenu-list > li > a {
    font-size: 1.25rem;
    line-height: 46px;
    padding: 5px 32px 4px 20px;
    margin: 0;
  }
  .tra-menu .wsmenu > .wsmenu-list > li > a,
  .tra-menu.navbar-light .wsmenu > .wsmenu-list > li > a {
    color: #666;
  }

  .hero-section h2 {
    margin-bottom: 18px;
  }

  #hero-12 {
    padding-top: 80px;
  }

  #features-12.pt-100.shape--bg:after {
    width: 52%;
    height: 75%;
    top: 19%;
    left: 48%;
  }

  .fbox-12-wrapper {
    padding-left: 0;
  }
  .row-cols-md-2 .fb-1,
  .row-cols-md-2 .fb-2 {
    margin-bottom: 35px;
  }

  .fbox-12 {
    padding: 22px 18px;
  }
  .fbox-12.mb-30 {
    margin-bottom: 20px;
  }

  .fbox-ico {
    margin-bottom: 18px;
  }

  .fbox-ico-wrap {
    margin-right: 18px;
  }
  .features-section h6.s-22,
  .fbox-txt h5 {
    margin-bottom: 12px;
  }
  .fbox-wrapper .row-cols-md-2 h6 {
    margin-bottom: 12px;
  }
  .fbox-12 h5 {
    font-size: 1.3rem;
    margin-bottom: 10px;
  }

  /* CONTENT */

  /* Content Box Wrapper */

  .txt-block h2 {
    margin-bottom: 15px;
  }
  ul.simple-list li:not(:last-child) p {
    margin-bottom: 8px;
  }

  /* Text Block */

  /* Content Box */

  /* Content Box Icon */

  /* Content Box Text */

  /* Content Box Typography */

  /* Accordion */

  /* Tabs */

  /* Advantages */

  /* Compatibility */

  /* Tools List / Payments Icons */

  /* Quote */

  /* Content Box Shapes */

  /* Content Images */

  /* STATISTIC */
  .#statistic-5 .statistic-digit h2 {
    font-size: 2.5rem;
    letter-spacing: -0.5px;
  }

  /* PROJECTS */

  /* PROJECT DETAILS */

  /* RATING */

  /* TESTIMONIALS */

  /* PRESS */

  /* BRANDS */

  /* INTEGRATIONS */

  /* PRICING */

  /* Price */

  /* Pricing Notice */

  /* Pricing Toggle Button */

  /* Pricing Compare */

  /* TEAM */

  /* CAREERS */

  /* CAREER ROLE */

  /* BANNER */

  /* DOWNLOAD */

  /* FAQs */

  /* FAQs Section Title */

  /* FAQs Accordion */

  /* FAQs Tabs */

  /* More Questions Link */

  /* NEWSLETTER */

  .newsletter-section .form-control {
    height: 46px;
    margin-right: 8px;
  }

  .newsletter-section .btn {
    height: 46px;
  }

  /* BLOG */

  /* Blog Listing */

  /* Single Blog Post */

  /* CONTACTS */

  /* FOOTER */
  .footer {
    padding-bottom: 25px;
  }
  .footer hr {
    margin-top: 5px;
    margin-bottom: 25px;
  }

  img.footer-logo {
    max-height: 33px;
  }

  .footer h6 {
    font-size: 1.17647rem;
    margin-bottom: 16px;
  } /* 16px */

  .footer-mail-link {
    font-size: 1.073529rem;
  }

  .footer-socials.ico-25 a {
    margin-right: 11px;
  }
  .footer-socials.ico-25 li:last-child a {
    margin-right: 0;
  }

  /* INNER PAGE WRAPPER */

  /* TERMS, PRIVACY, COOKIES */

  /* SIGN IN / SIGN UP */

  /* PAGE 404 */

  /* MODAL */
}

/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */

@media (max-width: 767px) {
  #titulo-sessao2 {
    display: flex;
    justify-content: flex-start;
  }
  #icone-seta {
    display: flex;
  }
  .fbox-txt {
    text-align: left;
  }
  #section-form {
    padding-bottom: 1px;
  }
  .footer-socials {
    padding-top: 50px;
  }
  #footer-3 .footer-logo {
    margin-bottom: 100px;
  }
  #copy {
    display: flex;
    justify-content: center;
  }
  #footer-ili {
    display: flex;
    justify-content: center;
  }
  #logo-form {
    padding-top: 10%;
    margin-top: auto;
  }
  #titulo-trans {
    font-size: 29px;
  }
  #hero-12 {
    height: 334px;
  }
  .col-xl-10 {
    padding-top: 42px;
    width: 95%;
  }
  .block-shadow {
    -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.08);
  }

  .mb-70 {
    margin-bottom: 50px;
  }

  h2,
  h5,
  h6 {
    line-height: 1.35;
  }

  p.p-sm {
    font-size: 1rem;
  }

  /* Button Text */

  /* Section ID */

  /* Section Title */
  .section-title.mb-70 {
    margin-bottom: 50px;
  }

  /*------------------------------------------*/
  /*  NAVIGATION MENU    
  /*------------------------------------------*/

  .wsmobileheader .smllogo {
    display: block;
    margin-top: 22px;
    padding-left: 22px;
  }
  .smllogo img {
    width: auto;
    max-width: inherit;
    max-height: 36px;
  }

  .wsmobileheader {
    background-color: rgba(0, 0, 0, 0.7);
    height: 80px;
    box-shadow: 0 0 2px rgba(50, 50, 50, 0.4);
  }

  /* Mobile Header Phone Icon */

  /* Mobile Header Burger Menu */
  .wsanimated-arrow {
    padding: 14px 22px 14px 0px;
    margin: 24px 28px 0 0;
  }
  .wsanimated-arrow span:before {
    top: -8px;
    width: 26px;
  }
  .wsanimated-arrow span:after {
    bottom: -8px;
    width: 20px;
  }

  /* Dark Header Settings */

  /* Nav Link */
  .wsmenu > .wsmenu-list > li > a {
    font-size: 1.125rem;
    line-height: 46px;
    padding: 5px 32px 4px 20px;
    margin: 0;
  }
  .tra-menu .wsmenu > .wsmenu-list > li > a,
  .tra-menu.navbar-light .wsmenu > .wsmenu-list > li > a {
    color: #666;
  }

  .hero-section h2 {
    margin-bottom: 15px;
  }
  .hero-section h2.s-62 {
    margin-bottom: 15px;
  }

  /* HERO-12 */
  #hero-12 {
    padding-top: 80px;
    border-bottom: none;
  }
  #hero-12:after {
    position: absolute;
    content: "";
    z-index: -1;
    width: 100%;
    height: 7%;
    bottom: 0;
    left: 0;
    background-color: #fff;
  }
  .hero-12-txt h2 {
    padding: 0;
  }

  #features-12.pt-100.shape--bg:after {
    width: 100%;
    height: 66%;
    top: 30.25%;
    left: 0;
  }

  .fbox-12-wrapper {
    text-align: center;
    padding-left: 0;
  }

  .fb-1,
  .fb-2,
  .row-cols-md-2 .fb-3,
  .rows-3 .fbox-11.fb-5 {
    margin-bottom: 40px;
  }

  #fb-12-1,
  #fb-12-2,
  #fb-12-3 {
    margin-bottom: 40px;
  }
  #fb-12-1 {
    margin-top: 75px;
  }

  .fbox-ico {
    margin-bottom: 15px;
  }

  .fbox-11 {
    display: block;
    text-align: center;
  }
  .fbox-11 .fbox-ico {
    margin-top: 0;
  }
  .fbox-ico-wrap {
    margin-right: 0;
  }

  /* CONTENT */

  .txt-block h2 {
    margin-bottom: 15px;
  }

  /* Content Box Wrapper */

  /* Text Block */

  /* Tabs */

  /* Advantages */

  /* Quote */

  /* Content Images */

  /* STATISTIC */

  /* PROJECTS */

  /* RATING */

  /* TESTIMONIALS */

  /* INTEGRATIONS */

  /*.integrations-section .more-btn.mt-60, .integrations-section .more-btn.mt-70 { margin-top: 0; }*/

  /* PRESS */

  /* PRICING */

  /* Pricing Notice */

  /* Pricing Toggle Button */

  /* TEAM */

  /* CAREER ROLE */

  /* BANNER */

  /* DOWNLOAD */

  /*FAQS */

  /* NEWSLETTER */
  .newsletter-section .form-control {
    text-align: center;
    margin-right: 0;
    margin-bottom: 15px;
  }
  .newsletter-section .btn {
    display: block;
    width: 100% !important;
    margin: 0;
  }

  /* BLOG */

  /* Blog Listing */

  /* Single Blog Post */

  /* CONTACTS */

  /* FOOTER */

  /* INNER PAGE WRAPPER */

  /* TERMS, PRIVACY, COOKIES */

  /* SIGN IN / SIGN UP */

  /* PAGE 404 */
}

/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */

@media (min-width: 480px) and (max-width: 767.98px) {
  #titulo-sessao2 {
    display: flex;
    justify-content: flex-start;
  }
  #icone-seta {
    display: flex;
  }
  #texto-sessao2,
  #texto-sessao3,
  #texto-sessao4 {
    text-align: left;
  }
  #section-form {
    padding-bottom: 1px;
  }
  .footer-socials {
    padding-top: 50px;
  }
  #footer-3 .footer-logo {
    margin-bottom: 100px;
  }
  #copy {
    display: flex;
    justify-content: center;
  }

  .form-group {
    margin-bottom: 15px; /* Espaço abaixo dos campos do formulário */
  }

  .btn {
    width: 100%; /* Botão se estende pela largura total */
  }

  #titulo-trans {
    font-size: 53px;
  }
  .font--jakarta h2 {
    line-height: 1.35;
  }
  .font--jakarta h5,
  .font--jakarta h6 {
    line-height: 1.4;
  }

  /* Font Size */ /* 17px */
  .s-17 {
    font-size: 1.125rem;
  } /* 18px */
  .s-20,
  .s-21,
  .s-22 {
    font-size: 1.4375rem;
  } /* 23px */ /* 26px */ /* 29px */ /* 33px */
  .s-46 {
    font-size: 2.25rem;
  } /* 36px */
  .s-50 {
    font-size: 2.375rem;
  } /* 38px */ /* 40px */
  .s-62 {
    font-size: 2.625rem;
  } /* 42px */ /* 44px */ /* 46px */

  /* Paragraphs */
  p.p-sm {
    font-size: 1rem;
  }
  p {
    font-size: 1.0625rem;
  }

  /* Transparent Link */

  /* Button */
  .btn {
    font-size: 1.125rem;
  }

  /* Button Icon */

  /* Button Text */

  /* Store Badge */

  /* OS Button */

  /* Watch Link */

  /* Vector Icon Background */
  .ico-50 .shape-ico svg {
    width: 125px;
    height: 125px;
    top: -35px;
    left: calc(50% - 65px);
  }

  /* Vector Rounded Icons */

  /* Vector Square Icons */

  /* Section ID */

  /* Section Title */
  .section-title p.s-21 {
    font-size: 1.21875rem;
    margin-top: 12px;
  } /* 19.5px */

  /*------------------------------------------*/
  /*   NAVIGATION MENU    
  /*------------------------------------------*/

  /* Header Logo */
  .wsmobileheader .smllogo {
    display: block;
    margin-top: 23px;
    padding-left: 18px;
  }
  .smllogo img {
    width: auto;
    max-width: inherit;
    max-height: 34px;
  }

  .wsmenu > .wsmenu-list {
    width: 345px;
    margin-right: -345px;
  }

  .wsanimated-arrow {
    padding: 14px 30px 14px 0px;
    margin: 25px 18px 0 0;
  }

  /* Nav Link Info */

  .wsmenu > .wsmenu-list > li > a {
    padding: 5px 32px 4px 20px;
    margin: 0;
  }

  /* Header Store Badges */

  /* Header Social Links */

  /*------------------------------------------*/
  /*   HERO   
  /*------------------------------------------*/

  .hero-section h2 {
    margin-bottom: 15px;
  }

  /* HERO LOGO */

  /* HERO APP LOGO */

  /* HERO DIGITS */

  /* HERO QUICK FORM */

  /* HERO REQUEST FORM */

  /* HERO-1 */

  /* HERO-3 */

  /* HERO-4 */

  /* HERO-5 */

  /* HERO-6 */

  /* HERO-7 */

  /* HERO-8 */

  /* HERO-9 */

  /* HERO-10 */

  /* HERO-11 */

  /* HERO-12 */

  /* HERO-13 */

  /* HERO-14 */

  /* HERO-15 */

  /* HERO-16 */

  /* HERO-17 */

  /* HERO-18 */

  /* HERO-19 */

  /* HERO-20 */

  /* HERO-21 */

  /* HERO-22 */

  /* HERO-24 */

  /* HERO-25 */

  /* HERO-26 */

  /* HERO-27 */

  /*------------------------------------------*/
  /*  CONTENT
  /*------------------------------------------*/

  /* ABOUT */

  /* FEATURES */

  .fbox-12 {
    padding: 40px 50px;
  }

  .fbox-ico {
    margin-bottom: 18px;
  }

  .features-section h6.s-22 {
    font-size: 1.625rem;
  } /* 26px */
  .features-section h6,
  .fbox-txt h5 {
    margin-bottom: 15px;
  }
  .rows-3 .fbox-11 p {
    padding: 0 2%;
  }

  /* CONTENT */

  /* Content Box Wrapper */

  .txt-block h2 {
    margin-bottom: 20px;
  }

  /* Content Box */

  /* Accordion */

  /* Advantages */

  /* Compatibility */

  /* Tools List / Payments Icons */

  /* Content Box Shapes */

  /* Content Images */

  /* STATISTIC */

  /* PROJECTS */

  /* PROJECT DETAILS */

  /* RATING */

  /* TESTIMONIALS */

  /* BRANDS */

  /* INTEGRATIONS */

  /* PRICING */

  /* Price */

  /* Pricing Features */

  /* Pricing Notice */

  /* Pricing Toggle Button */

  /* Pricing Compare */

  /* TEAM */

  /* CAREERS */

  /* CAREER ROLE */

  /* BANNER */

  /* FAQs */

  /* FAQs Section Title */

  /* FAQs Accordion */

  /* FAQs Tabs */

  /* More Questions Link */

  /* NEWSLETTER */

  .newsletter-section .form-control {
    height: 54px;
    font-size: 1.0625rem;
  }
  .newsletter-section .btn {
    height: 54px;
    font-size: 1.0625rem;
  }

  /* BLOG */

  /* Single Blog Post */

  /* CONTACTS */

  /* FOOTER */
  .footer {
    padding-bottom: 30px;
  }
  .footer hr {
    margin-top: 15px;
    margin-bottom: 30px;
  }

  img.footer-logo {
    max-height: 38px;
  }
  #footer-3 .footer-logo {
    margin-bottom: 100px;
  }

  .footer h6 {
    font-size: 1.21875rem;
    margin-bottom: 20px;
  } /* 19.5px */

  .footer-mail-link {
    font-size: 1.125rem;
  }

  /* INNER PAGE WRAPPER */

  /* SIGN IN / SIGN UP */

  /* PAGE 404 */

  /* MODAL */
}

/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */

@media (min-width: 414px) and (max-width: 479.98px) {
  #titulo-sessao2 {
    display: flex;
    justify-content: flex-start;
  }
  #icone-seta {
    display: flex;
  }
  #texto-sessao2,
  #texto-sessao3,
  #texto-sessao4 {
    text-align: left;
  }
  #section-form {
    padding-bottom: 1px;
  }
  .footer-socials {
    padding-top: 50px;
  }
  #footer-3 .footer-logo {
    margin-bottom: 100px;
  }
  #footer-ili {
    display: flex;
    justify-content: center;
  }
  #copy {
    display: flex;
    justify-content: center;
  }
  .division {
    padding-left: 10px;
    padding-right: 10px;
  }
  .bg--scroll {
    width: auto;
    background-attachment: scroll !important;
  }

  /* Backgroud Shape */

  .font--jakarta h2 {
    line-height: 1.35;
  }
  .font--jakarta h5,
  .font--jakarta h6 {
    line-height: 1.4;
  }

  /* Font Size */ /* 17px */
  .s-17 {
    font-size: 1.125rem;
  } /* 18px */
  .s-20,
  .s-21,
  .s-22 {
    font-size: 1.3125rem;
  } /* 21px */ /* 23px */ /* 25px */ /* 27px */
  .s-46 {
    font-size: 1.8125rem;
  } /* 29px */ /* 31px */
  .s-50 {
    font-size: 2.0625rem;
  } /* 33px */
  .s-62 {
    font-size: 2.125rem;
  } /* 34px */ /* 36px */ /* 38px */

  /* Paragraphs */
  p.p-sm {
    font-size: 1rem;
  }
  p {
    font-size: 1.0625rem;
  }

  /* Transparent Link */

  /* Transparent Link */

  /* Button */
  .btn {
    font-size: 1.125rem;
  }

  /* Buttons Group */

  /* Button Icon */

  /* Button Text */

  /* OS Button */

  /* Store Badge */

  /* Watch Video Link */

  /* Vector Icon Background */
  .ico-50 .shape-ico svg {
    width: 120px;
    height: 120px;
    top: -35px;
    left: calc(50% - 60px);
  }

  /* Vector Rounded Icons */

  /* Vector Square Icons */

  /* Section ID */

  /* Section Title */
  .section-title.mb-70 {
    margin-bottom: 45px;
  }

  .section-title h2 {
    padding: 0 1%;
  }
  .section-title p.s-21 {
    font-size: 1.1875rem;
    padding: 0 3%;
    margin-top: 12px;
  } /* 19px */

  /*------------------------------------------*/
  /*   NAVIGATION MENU    
  /*------------------------------------------*/

  /* Header Logo */
  .wsmobileheader .smllogo {
    display: block;
    margin-top: 23px;
    padding-left: 16px;
  }
  .smllogo img {
    width: auto;
    max-width: inherit;
    max-height: 34px;
  }

  .wsmenu > .wsmenu-list {
    width: 325px;
    margin-right: -325px;
  }

  .wsanimated-arrow {
    padding: 14px 30px 14px 0px;
    margin: 25px 16px 0 0;
  }

  /* Nav Link Info */

  .wsmenu > .wsmenu-list > li > a {
    padding: 5px 32px 4px 20px;
    margin: 0;
  }

  /* Header Store Badges */

  /* Header Social Links */

  /*------------------------------------------*/
  /*   HERO   
  /*------------------------------------------*/

  .hero-section h2 {
    margin-bottom: 18px;
  }

  /* Hero Advantages */

  /* HERO LOGO */

  /* HERO DIGITS */

  /* HERO QUICK FORM */

  /* HERO REQUEST FORM */

  /* HERO-1 */

  /* HERO-2 */

  /* HERO-3 */

  /* HERO-4 */

  /* HERO-5 */

  /* HERO-6 */

  /* HERO-7 */

  /* HERO-8 */

  /* HERO-9 */

  /* HERO-10 */

  /* HERO-11 */

  /* HERO-12 */
  #hero-12:after {
    height: 7%;
  }
  .hero-12-txt h2 {
    padding: 0 6%;
  }

  /* HERO-13 */

  /* HERO-14 */

  /* HERO-15 */

  /* HERO-16 */

  /* HERO-17 */

  /* HERO-18 */

  /* HERO-19 */

  /* HERO-20 */

  /* HERO-21 */

  /* HERO-22 */

  /* HERO-23 */

  /* HERO-24 */

  /* HERO-25 */

  /* HERO-26 */

  /* HERO-27 */

  /*------------------------------------------*/
  /*  CONTENT
  /*------------------------------------------*/

  /* ABOUT */

  /* FEATURES */
  #features-12.pt-100.shape--bg:after {
    height: 64%;
    top: 32.35%;
  }

  .fbox-12 {
    padding: 35px 30px;
  }
  #fb-12-1 {
    margin-top: 65px;
  }

  .fbox-ico {
    margin-bottom: 20px;
  }

  .features-section h6.s-22 {
    font-size: 1.4375rem;
  } /* 23px */
  .features-section h6,
  .fbox-txt h5,
  .fbox-wrapper .row-cols-md-2 h6 {
    margin-bottom: 15px;
  }
  .rows-3 .fbox-11 p {
    padding: 0 2%;
  }

  /* CONTENT */

  /* Content Box Wrapper */

  .txt-block h2 {
    margin-bottom: 15px;
  }

  .txt-block p {
    margin-bottom: 0.875rem;
  }

  /* Content Box */

  /* Content Box Icon */

  /* Content Box Typography */

  /* Accordion */

  /* Tabs */

  /* Advantages */

  /* Compatibility */

  /* Tools List / Payments Icons */

  /* Content Box Shapes */

  /* Content Images */

  /* STATISTIC */

  /* PROJECTS */

  /* PROJECT DETAILS */

  /* RATING */

  /* TESTIMONIALS */ /* 30.5px */

  /* PRESS */

  /* BRANDS */

  /* INTEGRATIONS */

  /* PRICING */

  /* Pricing Features */

  /* Pricing Notice */

  /* Pricing Toggle Button */

  /* Pricing Compare */

  /* TEAM */ /* 23px */

  /* CAREERS */

  /* CAREER ROLE */

  /* BANNER */

  /* DOWNLOAD */

  /* FAQs */

  /* FAQs Section Title */

  /* FAQs Accordion */

  /* FAQs Tabs */

  /* More Questions Link */

  /* NEWSLETTER */

  .newsletter-section .form-control {
    height: 54px;
    font-size: 1.0625rem;
  }
  .newsletter-section .btn {
    height: 54px;
    font-size: 1.0625rem;
  }

  /* BLOG */

  /* Blog Listing */

  /* Single Blog Post */

  /* CONTACTS */

  /* FOOTER */
  .footer {
    padding-bottom: 30px;
  }
  .footer hr {
    margin-top: 5px;
    margin-bottom: 30px;
  }
  .bottom-footer p.p-sm {
    margin-bottom: 0;
  }

  img.footer-logo {
    max-height: 37px;
  }

  .footer h6 {
    font-size: 1.21875rem;
    margin-bottom: 20px;
  } /* 19.5px */

  .footer-mail-link {
    font-size: 1.125rem;
  } /* 18px */

  /* INNER PAGE WRAPPER */

  /* PAGE PAGINATION */

  /* SIGN IN / SIGN UP */

  /* PAGE 404 */

  /* MODAL */
}

/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */

@media (min-width: 390px) and (max-width: 413.98px) {
  #titulo-sessao2 {
    display: flex;
    justify-content: flex-start;
  }
  #icone-seta {
    display: flex;
  }
  #texto-sessao2,
  #texto-sessao3,
  #texto-sessao4 {
    text-align: left;
  }
  #section-form {
    padding-bottom: 1px;
  }
  .footer-socials {
    padding-top: 50px;
  }
  #footer-3 .footer-logo {
    margin-bottom: 100px;
  }
  #footer-ili {
    display: flex;
    justify-content: center;
  }
  #copy {
    display: flex;
    justify-content: center;
  }
  .division {
    padding-left: 3px;
    padding-right: 3px;
  }
  .bg--scroll {
    width: auto;
    background-attachment: scroll !important;
  }

  /* Backgroud Shape */

  .font--jakarta h2 {
    line-height: 1.35;
  }
  .font--jakarta h5,
  .font--jakarta h6 {
    line-height: 1.4;
  }

  /* Font Size */ /* 17px */
  .s-17 {
    font-size: 1.125rem;
  } /* 18px */
  .s-20,
  .s-21,
  .s-22 {
    font-size: 1.3125rem;
  } /* 21px */ /* 23px */ /* 25px */ /* 27px */
  .s-46 {
    font-size: 1.8125rem;
  } /* 29px */ /* 31px */
  .s-50 {
    font-size: 2rem;
  } /* 32px */
  .s-62 {
    font-size: 2.0625rem;
  } /* 33px */ /* 34px */ /* 36px */

  /* Paragraphs */
  p.p-sm {
    font-size: 1rem;
  }
  p {
    font-size: 1.0625rem;
  }

  /* Transparent Link */

  /* Transparent Link */

  /* Button */
  .btn {
    font-size: 1.0625rem;
  }

  /* Buttons Group */

  /* Button Icon */

  /* Button Text */

  /* OS Button */

  /* Store Badge */

  /* Watch Video Link */

  /* Vector Icon Background */
  .ico-50 .shape-ico svg {
    width: 120px;
    height: 120px;
    top: -35px;
    left: calc(50% - 60px);
  }

  /* Vector Rounded Icons */

  /* Vector Square Icons */

  /* Section ID */

  /* Section Title */
  .section-title.mb-70 {
    margin-bottom: 40px;
  }

  .section-title h2 {
    padding: 0 1%;
  }
  .section-title p.s-21 {
    font-size: 1.1875rem;
    padding: 0 2%;
    margin-top: 12px;
  } /* 19px */

  /*------------------------------------------*/
  /*   NAVIGATION MENU    
  /*------------------------------------------*/

  /* Header Logo */
  .wsmobileheader .smllogo {
    display: block;
    margin-top: 23px;
    padding-left: 16px;
  }
  .smllogo img {
    width: auto;
    max-width: inherit;
    max-height: 34px;
  }

  .wsmenu > .wsmenu-list {
    width: 325px;
    margin-right: -325px;
  }

  .wsanimated-arrow {
    padding: 14px 30px 14px 0px;
    margin: 25px 16px 0 0;
  }

  /* Nav Link Info */

  .wsmenu > .wsmenu-list > li > a {
    padding: 5px 32px 4px 20px;
    margin: 0;
  }

  /* Header Store Badges */

  /* Header Social Links */

  /*------------------------------------------*/
  /*   HERO   
  /*------------------------------------------*/

  .hero-section h2 {
    margin-bottom: 15px;
  }

  /* Hero Advantages */

  /* HERO LOGO */

  /* HERO APP LOGO */

  /* HERO DIGITS */

  /* HERO QUICK FORM */

  /* HERO REQUEST FORM */

  /* HERO-1 */

  /* HERO-2 */

  /* HERO-3 */

  /* HERO-4 */

  /* HERO-5 */

  /* HERO-6 */

  /* HERO-7 */

  /* HERO-8 */

  /* HERO-9 */

  /* HERO-10 */

  /* HERO-11 */

  /* HERO-12 */
  #hero-12:after {
    height: 7%;
  }
  .hero-12-txt h2 {
    padding: 0 5%;
  }

  /* HERO-13 */

  /* HERO-14 */

  /* HERO-15 */

  /* HERO-16 */

  /* HERO-17 */

  /* HERO-18 */

  /* HERO-19 */

  /* HERO-20 */

  /* HERO-21 */

  /* HERO-22 */

  /* HERO-23 */

  /* HERO-24 */

  /* HERO-25 */

  /* HERO-26 */

  /* HERO-27 */

  /*------------------------------------------*/
  /*  CONTENT
  /*------------------------------------------*/

  /* ABOUT */

  /* FEATURES */
  #features-12.pt-100.shape--bg:after {
    height: 64%;
    top: 32.6%;
  }
  .fbox-12 {
    padding: 32px 25px;
  }
  #fb-12-1 {
    margin-top: 60px;
  }

  .fbox-ico {
    margin-bottom: 20px;
  }

  .features-section h6.s-22 {
    font-size: 1.4375rem;
  } /* 23px */
  .features-section h6,
  .fbox-txt h5,
  .fbox-wrapper .row-cols-md-2 h6 {
    margin-bottom: 15px;
  }
  .rows-3 .fbox-11 p {
    padding: 0 2%;
  }

  /* CONTENT */

  /* Content Box Wrapper */

  .txt-block h2 {
    margin-bottom: 14px;
  }

  .txt-block p {
    margin-bottom: 0.875rem;
  }

  /* Content Box */

  /* Content Box Icon */

  /* Content Box Typography */

  /* Accordion */

  /* Tabs */

  /* Advantages */

  /* Compatibility */

  /* Tools List / Payments Icons */

  /* Content Box Shapes */

  /* Content Images */

  /* STATISTIC */

  /* PROJECTS */

  /* PROJECT DETAILS */

  /* RATING */

  /* TESTIMONIALS */ /* 30.5px */

  /* PRESS */

  /* BRANDS */

  /* INTEGRATIONS */

  /* PRICING */

  /* Pricing Features */

  /* Pricing Notice */

  /* Pricing Toggle Button */

  /* Pricing Compare */

  /* TEAM */ /* 23px */

  /* CAREERS */

  /* CAREER ROLE */

  /* BANNER */

  /* DOWNLOAD */

  /* FAQs */

  /* FAQs Section Title */

  /* FAQs Accordion */

  /* FAQs Tabs */

  /* More Questions Link */

  /* NEWSLETTER */

  .newsletter-section .form-control {
    height: 54px;
    font-size: 1.0625rem;
  }
  .newsletter-section .btn {
    height: 54px;
    font-size: 1.0625rem;
  }

  /* BLOG */

  /* Blog Listing */

  /* Single Blog Post */

  /* CONTACTS */

  /* FOOTER */
  .footer {
    padding-bottom: 30px;
  }
  .footer hr {
    margin-top: 5px;
    margin-bottom: 30px;
  }
  .bottom-footer p.p-sm {
    margin-bottom: 0;
  }

  img.footer-logo {
    max-height: 37px;
  }

  .footer h6 {
    font-size: 1.21875rem;
    margin-bottom: 20px;
  } /* 19.5px */

  .footer-mail-link {
    font-size: 1.125rem;
  } /* 18px */

  /* INNER PAGE WRAPPER */

  /* PAGE PAGINATION */

  /* SIGN IN / SIGN UP */

  /* PAGE 404 */

  /* MODAL */
}

/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */

@media (min-width: 321px) and (max-width: 389.98px) {
  #titulo-sessao2 {
    display: flex;
    justify-content: flex-start;
  }
  #icone-seta {
    display: flex;
  }
  #texto-sessao2,
  #texto-sessao3,
  #texto-sessao4 {
    text-align: left;
  }
  #section-form {
    padding-bottom: 1px;
  }
  .footer-socials {
    padding-top: 50px;
  }
  #footer-3 .footer-logo {
    margin-bottom: 100px;
  }
  html {
    font-size: 97.5%;
  }

  /*------------------------------------------*/
  /*  BASE
  /*------------------------------------------*/
  .division {
    padding-left: 3px;
    padding-right: 3px;
  }
  .bg--scroll {
    width: auto;
    background-attachment: scroll !important;
  }

  /* Backgroud Shape */

  .font--jakarta h2 {
    line-height: 1.35;
  }
  .font--jakarta h5,
  .font--jakarta h6 {
    line-height: 1.4;
  }

  /* Font Size */ /* 16.5px */
  .s-17 {
    font-size: 1.125rem;
  } /* 17.5px */
  .s-20,
  .s-21,
  .s-22 {
    font-size: 1.217948rem;
  } /* 19px */ /* 21px */ /* 23px */ /* 25px */
  .s-46 {
    font-size: 1.730769rem;
  } /* 27px */ /* 29px */
  .s-50 {
    font-size: 1.923076rem;
  } /* 30px */
  .s-62 {
    font-size: 1.98717rem;
  } /* 31px */ /* 32px */ /* 34px */

  /* Paragraphs */

  /* Transparent Link */

  /* Button */
  .btn {
    font-size: 1rem;
  }

  /* Buttons Group */

  /* Button Icon */

  /* Button Text */

  /* OS Button */

  /* Store Badge */

  /* Watch Video Link */

  /* Video Popup Icon */

  /* Vector Icon Background */
  .ico-50 .shape-ico svg {
    width: 120px;
    height: 120px;
    top: -35px;
    left: calc(50% - 60px);
  }

  /* Vector Rounded Icons */

  /* Vector Square Icons */

  /* Section ID */

  /* Section Title */
  .section-title.mb-70 {
    margin-bottom: 40px;
  }
  .section-title p.s-21 {
    font-size: 1.15384rem;
    padding: 0 2%;
    margin-top: 12px;
  } /* 18px */

  /*------------------------------------------*/
  /*  PRELOAD ANIMATION    
  /*------------------------------------------*/

  /*------------------------------------------*/
  /*   NAVIGATION MENU    
  /*------------------------------------------*/

  /* Header Logo */
  .wsmobileheader .smllogo {
    display: block;
    margin-top: 23px;
    padding-left: 16px;
  }
  .smllogo img {
    width: auto;
    max-width: inherit;
    max-height: 34px;
  }

  .wsmenu > .wsmenu-list {
    width: 290px;
    margin-right: -290px;
  }

  .wsanimated-arrow {
    padding: 14px 30px 14px 0px;
    margin: 25px 16px 0 0;
  }

  /* Nav Link Info */

  .wsmenu > .wsmenu-list > li > a {
    padding: 5px 32px 4px 20px;
    margin: 0;
  }

  .hero-section h2 {
    margin-bottom: 15px;
  }

  #hero-12 {
    padding-top: 70px;
  }
  #hero-12:after {
    height: 6%;
  }
  .hero-12-txt h2 {
    padding: 0 4%;
  }

  /* HERO-13 */

  /* HERO-14 */

  /* HERO-15 */

  /* HERO-16 */

  /* HERO-17 */

  /* HERO-18 */

  /* HERO-19 */

  /* HERO-20 */

  /* HERO-21 */

  /* HERO-22 */

  /* HERO-23 */

  /* HERO-24 */

  /* HERO-25 */

  /* HERO-26 */

  /* HERO-27 */

  /*------------------------------------------*/
  /*  CONTENT
  /*------------------------------------------*/

  /* ABOUT */

  /* FEATURES */
  #features-12.pt-100.shape--bg:after {
    height: 65%;
    top: 32%;
  }
  .fbox-12 {
    padding: 32px 25px;
  }
  #fb-12-1 {
    margin-top: 50px;
  }
  #features-12 .txt-block {
    margin-bottom: 35px;
  }

  .fbox-ico {
    margin-bottom: 20px;
  }

  .features-section h6.s-22 {
    font-size: 1.34615rem;
  } /* 21px */
  .features-section h6,
  .fbox-txt h5,
  .fbox-wrapper .row-cols-md-2 h6 {
    margin-bottom: 15px;
  }
  .rows-3 .fbox-11 p {
    padding: 0 2%;
  }

  /* CONTENT */

  /* Content Box Wrapper */

  .txt-block h2 {
    margin-bottom: 14px;
  }

  .txt-block p {
    margin-bottom: 0.897435rem;
  }

  .newsletter-section .form-control {
    height: 52px;
    font-size: 1.0625rem;
  }
  .newsletter-section .btn {
    height: 52px;
    font-size: 1.0625rem;
  }

  /* BLOG */

  /* Blog Listing */

  /* Single Blog Post */

  /* CONTACTS */

  /* FOOTER */
  .footer {
    padding-bottom: 30px;
  }
  .footer hr {
    margin-top: 5px;
    margin-bottom: 30px;
  }

  img.footer-logo {
    max-height: 36px;
  }

  .footer h6 {
    font-size: 1.153846rem;
    margin-bottom: 18px;
  } /* 18px */

  .footer-mail-link {
    font-size: 1.0641rem;
  }
}

@media (max-width: 320.98px) {
  #titulo-sessao2 {
    display: flex;
    justify-content: flex-start;
    margin: -6px;
  }
  #icone-seta {
    display: flex;
  }
  #texto-sessao2,
  #texto-sessao3,
  #texto-sessao4 {
    text-align: left;
  }
  #section-form {
    padding-bottom: 1px;
  }
  .footer-socials {
    padding-top: 50px;
  }
  #footer-3 .footer-logo {
    margin-bottom: 100px;
  }
  html {
    font-size: 87.5%;
  }
  .bg--scroll {
    width: auto;
    background-attachment: scroll !important;
  }
  .py-100 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .pt-100 {
    padding-top: 60px;
  }

  /* Backgroud Shape */

  .font--jakarta h2 {
    line-height: 1.35;
  }
  .font--jakarta h5,
  .font--jakarta h6 {
    line-height: 1.4;
  }

  /* Font Size */ /* 14px */
  .s-17 {
    font-size: 1.0625rem;
  } /* 14.875px */
  .s-20,
  .s-21,
  .s-22 {
    font-size: 1.285714rem;
  } /* 18px */ /* 19px */ /* 21px */ /* 22px */
  .s-46 {
    font-size: 1.714285rem;
  } /* 24px */ /* 26px */
  .s-50 {
    font-size: 1.92857rem;
  } /* 27px */
  .s-62 {
    font-size: 2rem;
  } /* 28px */ /* 29px */ /* 30px */

  /* Paragraphs */

  /* Transparent Link */

  /* Button */
  .btn {
    font-size: 1rem;
  }

  /* Buttons Group */

  /* Button Text */

  /* Button Icon */

  /* OS Button */

  /* Store Badges */

  /* Watch Video Link */

  /* Vector Icon Background */
  .ico-50 .shape-ico svg {
    width: 100px;
    height: 100px;
    top: -30px;
    left: calc(50% - 55px);
  }

  /* Vector Rounded Icons */

  /* Vector Square Icons */

  /* Section ID */

  /* Section Title */
  .section-title.mb-70 {
    margin-bottom: 35px;
  }

  .section-title h2 {
    padding: 0 1%;
  }
  .section-title p.s-21 {
    font-size: 1.285714rem;
    margin-top: 10px;
  } /* 18px */

  /*------------------------------------------*/
  /*  PRELOAD ANIMATION    
  /*------------------------------------------*/

  /*------------------------------------------*/
  /*   NAVIGATION MENU    
  /*------------------------------------------*/

  /* Header Logo */
  .wsmobileheader .smllogo {
    display: block;
    margin-top: 24px;
    padding-left: 15px;
  }
  .smllogo img {
    width: auto;
    max-width: inherit;
    max-height: 32px;
  }

  .wsmenu > .wsmenu-list {
    width: 250px;
    margin-right: -250px;
  }

  .wsanimated-arrow {
    padding: 14px 30px 14px 0px;
    margin: 25px 15px 0 0;
  }

  /* Nav Link Info */

  .wsmenu > .wsmenu-list > li > a {
    padding: 5px 32px 4px 20px;
    margin: 0;
  }

  /* Header Store Badges */

  /* Header Social Links */

  /*------------------------------------------*/
  /*   HERO   
  /*------------------------------------------*/

  .hero-section h2 {
    margin-bottom: 13px;
  }

  /* Hero Advantages */

  /* HERO LOGO */

  /* HERO APP LOGO */

  /* HERO DIGITS */

  /* HERO QUICK FORM */

  /* HERO REQUEST FORM */

  /* HERO-1 */

  /* HERO-3 */

  /* HERO-4 */

  /* HERO-5 */

  /* HERO-6 */

  /* HERO-7 */

  /* HERO-8 */

  /* HERO-9 */

  /* HERO-10 */

  /* HERO-11 */

  /* HERO-12 */
  #hero-12 {
    padding-top: 70px;
  }
  #hero-12:after {
    height: 6%;
  }
  .hero-12-txt h2 {
    padding: 0 3%;
  }

  /* HERO-13 */

  /* HERO-14 */

  /* HERO-15 */

  /* HERO-16 */

  /* HERO-17 */

  /* HERO-18 */

  /* HERO-19 */

  /* HERO-20 */

  /* HERO-21 */

  /* HERO-22 */

  /* HERO-23 */

  /* HERO-24 */

  /* HERO-25 */

  /* HERO-26 */

  /* HERO-27 */

  /*------------------------------------------*/
  /*  CONTENT
  /*------------------------------------------*/

  /* ABOUT */

  /* FEATURES */
  #features-12.pt-100.shape--bg:after {
    height: 65%;
    top: 32%;
  }

  .fb-1,
  .fb-2,
  .row-cols-md-2 .fb-3 {
    margin-bottom: 30px;
  }
  .fbox-12 {
    padding: 30px 25px;
  }
  #fb-12-1,
  #fb-12-2,
  #fb-12-3 {
    margin-bottom: 30px;
  }
  #fb-12-1 {
    margin-top: 50px;
  }
  #features-12 .txt-block {
    margin-bottom: 30px;
  }

  .fbox-ico {
    margin-bottom: 18px;
  }

  .features-section h6.s-22 {
    font-size: 1.35714rem;
  } /* 19px */
  .features-section h6,
  .fbox-txt h5,
  .fbox-wrapper .row-cols-md-2 h6 {
    margin-bottom: 12px;
  }
  .rows-3 .fbox-11 p {
    padding: 0 4%;
  }

  /* CONTENT */

  /* Content Box Wrapper */

  .txt-block h2 {
    margin-bottom: 14px;
  }

  .txt-block p {
    margin-bottom: 0.85714rem;
  }

  /* Content Box */

  /* Content Box Icon */

  /* Content Box Text */

  /* Content Box Typography */

  /* Accordion */

  /* Tabs */

  /* Advantages */

  /* Compatibility */

  /* Tools List / Payments Icons */

  /* Content Box Shapes */

  /* Content Images */

  /* STATISTIC */

  /* PROJECTS */

  /* PROJECT DETAILS */

  /* RATING */

  /* TESTIMONIALS */ /* 25.5px */

  /* PRESS */

  /* BRANDS */

  /* INTEGRATIONS */

  /* PRICING */

  /* Price */

  /* Pricing Features */

  /* Pricing Notice */

  /* Pricing Toggle Button */

  /* Pricing Compare */

  /* TEAM */ /* 19px */

  /* CAREERS */

  /* CAREER ROLE */

  /* BANNER */

  /* DOWNLOAD */

  /* FAQs */

  /* FAQs Section Title */

  /* FAQs Accordion */

  /* FAQs Tabs */

  /* More Questions Link */

  /* NEWSLETTER */

  .newsletter-section .form-control {
    height: 46px;
    font-size: 1.0625rem;
  }
  .newsletter-section .btn {
    height: 46px;
    font-size: 1.0625rem;
  }

  /* BLOG */

  /* Blog Listing */

  /* Single Blog Post */

  /* CONTACTS */

  /* FOOTER */
  .footer {
    padding-bottom: 30px;
  }
  .footer hr {
    margin-top: 5px;
    margin-bottom: 30px;
  }

  img.footer-logo {
    max-height: 34px;
  }

  .footer h6 {
    font-size: 1.1785714rem;
    margin-bottom: 18px;
  } /* 16.5px */

  .footer-mail-link {
    font-size: 1.0714285rem;
  }
}