/**
 * ---------------------------------------------------------------------------- 
 * Media Queries para dispostivos até 1399px 
* ----------------------------------------------------------------------------
 */
@media(max-width:1399px) {
    /** Bloco "FUNCIONALIDADES" */
    .funcionalidades h2 { font-size: 2.2rem;  }
    .funcionalidades p { font-size: 1.5rem;}
    .funcionalidades article { padding: 2.5rem 1.75rem; min-height: 270px; }

    /** Bloco "STARTY HUB CLIENTE" */
    .starty-hub h2 { font-size: 2.1rem; }
    .starty-hub p { font-size: 1.1rem; }
    .starty-hub .list-bullets li::marker { font-size: 1.35rem; }
    .starty-hub .list-bullets li { font-size: 1.1rem; }
} 



/**
 * ---------------------------------------------------------------------------- 
 * Media Queries para dispostivos até 1199px 
* ----------------------------------------------------------------------------
 */
@media(max-width:1199px) {
    /** Bloco "ALVO" */
    .alvo { padding-top: 0rem; }
    .alvo h2 { font-size: 1.8rem; }
    .alvo p { font-size: 1.4rem; }

    /** Bloco "BENEFICIOS" */
    .beneficios h2 { font-size: 1.8rem; }
    .beneficios p { font-size: 1.1rem; }
    .beneficios .list-bullets li { font-size: 1.1rem; }

    /** Bloco "DESTAQUE" */
    .destaque-content { padding: 6rem 3rem; }
    .destaque-content:before { background-size: 43% auto; }
    .destaque-content h2 { font-size: 2.3rem; }

    /** Bloco "FUNCIONALIDADES" */
    .funcionalidades article { padding: 2.5rem 1.75rem; min-height: 340px; flex-direction: column; }

    /** Bloco "FOOTER" */
    footer:before { background-size: 42% auto; }
}



/**
 * ---------------------------------------------------------------------------- 
 * Media Queries para dispostivos até 991px 
* ----------------------------------------------------------------------------
 */
@media(max-width:991px) {
    /** Bloco "MAIN" */
    .main { height: 68vh; margin-bottom: 15vh; }
    .main .img-sistema {  border: 10px solid #efefef; width: 90%; margin: 0 5%; }
    .main-content { padding-right: 1rem; }
    .main-content h2 { font-size: 1.9rem; }
    .main-content p { font-size: 1.3rem; }
    .main-content p br { display: none; }
    .main:before { background-size: 40% auto; right: 1%; bottom: 3%; }

    /** Bloco "ALVO" */
    .alvo { padding-top: 1rem; }
    .alvo article { min-height: initial; margin-bottom: 1.25rem; }

    /** Bloco "BENEFICIOS" */
    .beneficios img { margin-top: 1rem; }

    /** Bloco "DESTAQUE" */
    .destaque-content { padding: 4rem 3rem; }
    .destaque-content:before { background-size: 48% auto; }
    .destaque-content h2 { font-size: 2rem; }

    /** Bloco "FUNCIONALIDADES" */
    .funcionalidades h2 { font-size: 2rem;  }
    .funcionalidades p { font-size: 1.45rem;}
    .funcionalidades p br { display: none; }

    /** Bloco "FOOTER" */
    footer { padding-top: 5rem; }
    footer:before { background-size: 45% auto; }
    footer h2 { font-size: 2.1rem; }
    footer p { font-size: 1.3rem; }
    footer ul li { font-size: 1.2rem; }
    footer .copyright p { font-size: 1.2rem; }
    footer .copyright img { width: 160px; margin-left: 12px; }
}



/**
 * ---------------------------------------------------------------------------- 
 * Media Queries para dispostivos até 767px 
* ----------------------------------------------------------------------------
 */
@media(max-width:767px) {
    /** Bloco "MAIN" */
    .main-content { padding-right: 0rem; }
    .main { height: 65vh; margin-bottom: 10vh; }
    .main .img-sistema {  border: 10px solid #efefef; width: 98%; margin: 0 1%; }
    .main:before { background-position: center center; background-size: 80% auto; right: 1%; bottom: 1%; }

    /** Bloco "ALVO" */
    .alvo { padding-top: 3rem; }
    .alvo h2 { font-size: 1.75rem; }
    .alvo p { font-size: 1.25rem; }

    /** Bloco "DESTAQUE" */
    .destaque-content { padding: 4rem 2rem; }
    .destaque-content:before { background-size: 60% auto; }
    .destaque-content h2 { font-size: 1.8rem; }

    /** Bloco "FUNCIONALIDADES" */
    .funcionalidades h2 { font-size: 1.7rem;  }
    .funcionalidades p { font-size: 1.3rem;}
    .funcionalidades article { min-height: initial; }

    /** Bloco "STARTY HUB CLIENTE" */
    .starty-hub h2 { font-size: 1.9rem; }
    .starty-hub p { font-size: 1rem; }
    .starty-hub .list-bullets li::marker { font-size: 1.3rem; }
    .starty-hub .list-bullets li { font-size: 1rem; }

    /** Bloco "FOOTER" */
    footer:before { background-size: 60% auto; }
    footer h2 { font-size: 1.9rem; }
    footer p { font-size: 1.2rem; }
    footer ul li { font-size: 1.2rem; }
    footer .copyright p { font-size: 1.2rem; }
    footer .copyright img { width: 160px; margin-left: 12px; }
}



/**
 * ---------------------------------------------------------------------------- 
 * Media Queries para dispostivos até 575px 
* ----------------------------------------------------------------------------
 */
@media(max-width:575px) {
    /** Bloco "MAIN" */
    .main-content { padding-right: 0rem; }
    .main-content h2 { font-size: 1.65rem; }
    .main-content p { font-size: 1.15rem; }
    .main { height: initial; margin-bottom: initial; padding-bottom: 2.5rem; }
    .main .img-sistema { position: relative; border: 10px solid #efefef; width: 100%; margin: 0; border-radius: 1rem; border: 5px solid #efefef; }

    /** Bloco "DESTAQUE" */
    .destaque-content { padding: 3.5rem 1.5rem; border-radius: 1rem; }
    .destaque-content:before { background-size: 60% auto; }
    .destaque-content h2 { font-size: 1.6rem; }

    /** Bloco "STARTY HUB CLIENTE" */
    .starty-hub .container { padding: 4rem 2rem; border-radius: 1rem; }
    .starty-hub h2 { font-size: 1.7rem; margin-bottom: 2rem; }
    .starty-hub p { font-size: 1rem; margin-bottom: 2rem; }
    .starty-hub .list-bullets li::marker { font-size: 1.3rem; }
    .starty-hub .list-bullets li { font-size: 1rem; }
}



/**
 * ---------------------------------------------------------------------------- 
 * Media Queries para dispostivos até 449px 
* ----------------------------------------------------------------------------
 */
@media(max-width:449px) {
    .navbar .navbar-brand .img-fluid { max-width: 180px; }

    /** Bloco "MAIN" */
    .main-content h2 { font-weight: 700; font-size: 1.5rem; }
    .main-content p { font-size: 1.15rem; }
    .main-content .btn-animated { padding: 18px 1.2rem; }

    /** Bloco "ALVO" */
    .alvo h2 { font-size: 1.5rem; }
    .alvo p { font-size: 1.2rem; }
    .alvo article img { width: 80px; }
    .alvo article h3 {font-size: 1.3rem;  }

    /** Bloco "BENEFICIOS" */
    .beneficios h2 { font-size: 1.5rem; }
    .beneficios .list-bullets li::marker { font-size: 1.25rem; }

    /** Bloco "DESTAQUE" */
    .destaque { padding-top: 0rem; padding-bottom: 2rem; }
    .destaque-content { padding: 3rem 1.5rem; }
    .destaque-content:before { background-size: 75% auto; }
    .destaque-content h2 { font-size: 1.5rem; }

      /** Bloco "FUNCIONALIDADES" */
    .funcionalidades h2 { font-size: 1.6rem;  }
    .funcionalidades p { font-size: 1.25rem; }

    /** Bloco "STARTY HUB CLIENTE" */
    .starty-hub .container { padding: 4rem 1.5rem; }
    .starty-hub h2 { font-size: 1.5rem; margin-bottom: 1.5rem; }
    .starty-hub p { font-size: 1rem; margin-bottom: 1.5rem; }
    .starty-hub .list-bullets { margin-bottom: 0; } 
    .starty-hub .list-bullets li::marker { font-size: 1.2rem; }

    /** Bloco "FOOTER" */
    footer:before { background-size: 70% auto; }
    footer h2 { font-size: 1.7rem; }
    footer p { font-size: 1.2rem; }
    footer ul li { font-size: 1.15rem; }
    footer .copyright { flex-direction: column; }
    footer .copyright p { font-size: 1.15rem; }
    footer .copyright img { width: 160px; margin-left: 0; margin-top: 6px; }
}