/* NAVBAR */
       nav.navbar .navbar-brand img {
           height: 92px;
       }
       nav.navbar .collapse .navbar-nav .nav-item a.nav-link {
           font-size: 17px;
           font-family: Roboto-regular, sans-serif;
           color: #004383;
       }
       nav.navbar .collapse .navbar-nav .nav-item a.nav-link:hover {
           color: #05429d;
       }
       nav.navbar .navbar-collapse .fale-conosco {
           display: grid;
           margin-left: 40px;
           font-family: Roboto-regular;
       }
       nav.navbar .navbar-collapse .fale-conosco a {
           border: 1px solid #004383;
           background-color: #004383;
           color: white;
           font-size: 12px;
           padding-left: 19px;
       }
       nav.navbar .navbar-collapse .fale-conosco p {
           color: #004383;
       }
       /* FOOTER */
       footer {
           background-color: #004383;
           padding: 50px 0;
           background-image: url(/serranorte/assets/img/layout/bg-footer-cima.png);
           background-position: 100% 0%;
           background-repeat: no-repeat;
           background-size: 50vh;
           color: #fff;
           padding-top: 30px;
           position: relative;
       }
       footer .img-footer {
            position: absolute;
            left: 50%; 
            transform: translate(-50%, -50%);
            top: -4px; 
       }
       footer .img-footer img {
           max-width: 140px;
           max-height: 140px;
       }
       footer h4 {
           font-size: 23px;
           font-family: 'Montserrat-Semibold', sans-serif;
           margin: 0 0 0 0;
           line-height: 43px;
       }
       footer input {
           height: 42px;
           width: 100%;
           padding-left: 11px;
       }
       footer button.btn {
           background-color: transparent;
           border: 2px solid #fff;
           border-radius: 0;
           color: #ffffff;
           font-family: 'Montserrat-Medium', sans-serif;
           height: 38px;
           margin-top: 2px;
           width: 100%;
       }
       footer button.btn:hover {
           background-color: #10263a;
           color: #fff;
           transition: 0.5s;
       }
       footer h3 {
           font-family: 'Roboto-Bold', sans-serif;
           font-size: 21px;
       }
       footer .row.atendimento {
           font-family: 'Roboto-Bold', sans-serif;
           font-size: 14px;
           color: #fff;
           text-decoration: none;
       }
       footer .links-rapidos .nav-item a.nav-link {
           font-family: 'Roboto-Bold', sans-serif;
           font-size: 14px;
           color: #fff;
           text-decoration: none;
           padding-top: 0;
           padding-left: 0;
           cursor: pointer;
       }
       footer .links-rapidos .nav-item a.nav-link:hover {
           color: #7795bf;
       }
       footer .logo img {
           margin-top: 10%;
       }
       footer .selos img {
           width: 28.3%;
           height: auto;
       }
       @media (max-width: 991.98px) {
           nav.navbar .navbar-collapse .fale-conosco a {
               padding-left: 19px;
               max-width: 109px;
               padding-left: 17px;
               margin-left: -43px;
           }
           nav.navbar .navbar-collapse .fale-conosco p {
               margin-top: 0;
               margin-bottom: 1rem;
               margin-left: -45px;
           }
           /* FOOTER */
           footer {
               background-size: 22vh;
           }
           footer h3 {
               font-size: 19px;
           }
       }
       /*Small devices (landscape phones, less than 768px) */
       @media (max-width: 767.98px) {
        nav.navbar .navbar-brand img {
            height: 65px;
        }
           /* FOOTER */
              
           footer {
               background-size: 38vh;
           }
           footer .atendimento.row .local p {
               padding-left: 30px;
           }
           footer .selos img {
               width: 15%;
               height: auto;
           }
       }
       /* X-Small devices (portrait phones, less than 576px) */
       @media (max-width: 575.98px) {
           footer .row.atendimento {
               width: 90%;
               margin: 0 auto;
           }
           footer .logo img {
               margin-top: 20%;
           }
           footer .img-footer img {
               max-width: 100px;
               max-height: 100px;
           }
           footer {
               background-size: 11vh;
           }
       }