@media only screen and (max-width:899px) {
    /* HEADER */
    header { position: relative; height: auto; padding: 15px 0; }
    header .container { padding: 0px 30px; }
    header img.mockup { display: none; }
    header .block { display: flex; flex-wrap: wrap; align-items: center; margin-top: 15px; }

    /* LOGO */
    header .logo img { width: 100px; }

    /* MENU */
    header .menu { margin-left: auto; }
    header .menu ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; }
    header .menu ul a { color: #000; text-decoration: none; }
    header .menu ul li { padding: 8px 10px; transition: all 0.3s; font-size: 14px; }
    header .menu ul li:hover { opacity: 0.7; cursor: pointer; }

    /* HEAD */
    header .head { width: 100%; position: relative; top: 0; padding: 20px 0; text-align: center; padding-bottom: 5px; }
    header .head h1 { font-size: 2rem; margin: 0; margin-top: 30px; }
    header .head h1 span { color: #D09631; }
    header .head p { margin-top: 10px; line-height: 1.5; font-size: 14px; margin-top: 20px; }
    header .head button { margin-top: 15px; }

    /* CTA */
    .cta { background: #F3F3F3; padding: 8% 15px; padding-bottom: 55px; }
    .cta .block { display: flex; flex-wrap: wrap; align-items: center; margin-top: 15px; }
    .cta .block div:nth-child(1) { width: 100%; text-align: center; }
    .cta .block div:nth-child(1) h2 { font-size: 1.5rem; }
    .cta .block div:nth-child(1) h2 b { color: #008973; }
    .cta .block div:nth-child(1) p { margin-top: 10px; font-size: 14px; }
    .cta .block div:nth-child(2) { width: 100%; margin-top: 15px; }
    .cta .block div:nth-child(2) img { width: 100%; max-width: 300px; margin: 0 auto; display: block; }

    /* SC1 */
    .sc1 { padding: 8% 15px; }
    .sc1 .block { display: flex; flex-wrap: wrap; align-items: center; }
    .sc1 .block div:nth-child(1) { width: 100%; text-align: center; }
    .sc1 .block div:nth-child(2) { width: 100%; margin-top: 15px; }
    .sc1 .block div h2 { margin-bottom: 20px; font-size: 1.5rem; text-align: center; margin-bottom: 30px; }
    .sc1 .block div img { width: 100%; max-width: 300px; margin: 0 auto; }
    .sc1 .block div span { display: flex; align-items: center; gap: 8px; color: #008973; font-weight: bold; font-size: 0.875rem; }
    .sc1 .block div span img { width: 20px; margin: 0; }
    .sc1 .block div p { margin-top: 8px; margin-bottom: 25px; font-size: 14px; }

    /* SC2 */
    .sc2 { background: #F3F3F3; padding: 12% 0; position: relative; height: auto; padding-bottom: 0; }
    .sc2 h2 { margin-bottom: 20px; font-size: 1.5rem; text-align: center; }
    .sc2 .block { display: flex; flex-wrap: wrap; }
    .sc2 .block div { width: 100%; margin-bottom: 15px; }
    .sc2 .block div h4 { margin-top: 15px; font-size: 1rem;  padding: 0px 15px; margin-top: 35px; }
    .sc2 .block div img { width: 95%; margin: 0 auto; display: block; }
    .sc2 .block div p { font-size: 14px; padding: 0px 15px; }

    .sc2 .depoimento { width: 100%; position: relative; margin-top: 20px; }
    .sc2 .depoimento .image img { width: 100%; height: auto; max-height: 400px; }
    .sc2 .depoimento .image .info { position: absolute; bottom: 0px; left: 0; width: 100%; padding: 30px; background: rgba(0, 0, 0, 0.5); }
    .sc2 .depoimento .image .info span { color: #fff; font-size: 1.25rem; font-weight: 600; }
    .sc2 .depoimento .image .info p { color: rgba(255, 255, 255, 0.8); margin-top: 8px; font-size: 0.75rem; }
    .sc2 .depoimento .image .info small { font-weight: bold; color: #fff; font-size: 0.75rem; }
    .sc2 .depoimento .image .mask { background: linear-gradient(180deg, rgba(214, 144, 47, 0.00) 0%, #D6902F 100%); width: 100%; height: 50%; position: absolute; bottom: 0; }

    /* FAQ */
    .faq .block { display: flex; flex-wrap: wrap; padding: 12% 15px; padding-bottom: 20px; }
    .faq .block div { width: 100%; }
    .faq .block div h2 { margin-top: 0; font-size: 1.75rem; }
    .faq .block div p { margin-top: 15px; }
    .faq .block div small { display: block; margin-top: 20px; font-size: 0.75rem; }
    .faq .block div a.tel { font-weight: bold; color: #008973; font-size: 1.25rem; text-decoration: none; }
    .faq .block div .accordions { width: 100%; margin: 15px auto; }
    .faq .block div .accordion-item label { font-size: 14px; padding: 15px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); cursor: pointer; font-weight: bold; }
    .faq .block div .accordion-item label:hover { opacity: 0.7; }
    .faq .block div .accordion-content p { margin: 15px 0; font-size: 0.75rem; }

    /* SC3 */
    .sc3 { background: #F3F3F3; padding: 0px; position: relative; height: auto; padding-bottom: 20px; }
    .sc3 h2 { margin-bottom: 20px; font-size: 1.5rem; text-align: center; margin-top: 30px; }
    .sc3 p { font-size: 14px; }
    .sc3 .block { display: flex; flex-wrap: wrap; padding: 25px; }
    .sc3 .block div { width: 100%; }
    .sc3 .block div h4 { margin-top: 25px; font-size: 1rem; }
    .sc3 .block div p { line-height: 1.5; margin-bottom: 15px; }
    .sc3 .block div .form-control,
    .sc3 .block div .form-select { padding: 8px 12px; margin-bottom: 10px; width: 100%; font-size: 14px; }
    .sc3 .block div .min { width: 100%; display: flex; flex-wrap: wrap; gap: 10px; }
    .sc3 .block div button { width: 100%; margin-top: 15px; }
    .sc3 .about { width: 100%; position: relative; margin-top: 20px; }
    .sc3 .about .image img { width: 100%; height: auto; max-height: 400px; }
    .sc3 .about .image .mask { background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%); width: 100%; height: 50%; position: absolute; bottom: 0; }

    /* FOOTER */
    footer  { display: block; padding: 0px 30px; padding-top: 20px;  }
    footer hr { margin: 20px 0px; }
    footer .box { flex-direction: column; margin-top: 30px; }
    footer .box ul { margin: 0; margin-bottom: 30px; margin-top: 10px; }
    footer .box ul:last-child { margin-bottom: 20px; }
    footer .box ul li { font-size: 14px; line-height: 35px; }
    footer .box div:nth-child(1) { width: 100%; }
    footer .box div:nth-child(2) { width: 100%; }
    footer .box div:nth-child(3) { width: 100%; }
    footer .box div:nth-child(4) { width: 100%; }
    footer .end { flex-direction: column; margin-bottom: 30px; }    
    footer .end p { font-size: 14px; margin-bottom: 30px; }
}