@media screen and (max-width: 800px)
{
    .hero-banner{
        font-size: 2rem;
        margin-top: 175px;
        margin-bottom: 50px;
        max-width: 80%;
    }

    .logo-title-factu, .logo-title-zen{
        font-size: 20px;
    }
    
    .container-welcome-texts .welcome-text-secondary
    {
        font-size: 1.1rem;
    }

    .why-factulo-section {
        margin: 2rem;
    }

    .why-factulo-section ul {
        list-style: disc;
        margin-left: 0rem;
    }
    
    .header-content
    {
        margin: 0px 25px;
    }
    
    .header-cta-button {
        font-size: 3vw;
        font-weight: 600;
        margin: 25px 0px;
    }

    .header-cta-btn-wrapper {
        margin: 25px 0px;
        text-align: center;
    }

    .footer-links {
        margin: 0px 25px;
    }

    .header-cta-button:focus {
        background-color: #00bcd4;
        color: white;
    }

    .button-wrap{
        margin-top: 40px;
    }

    .cta-button-wrap a{
        min-width: 200px;
        min-height: 20px;
        font-size: 14px;
        padding: 15px;
    }

    .cta-button-wrap a::before {
        content: '';
        min-width: calc(200px);
        min-height: calc(20px + 16px);
        box-shadow: 0 0 20px rgba(0,255,203,.64);
    }

    .features-banner{
        text-align: center;
    }

    .container-features {
        padding-left: 20px;
        padding-right: 20px;
    }

    .feature-container .feature-content {
        max-width: 90%;
    }

    .features-list
    {
        padding: 0px 5%;
        margin-top: 75px;
    }

    .feature-invoice-container
    {
        width: 90%;
    }

    .presentation-video-container iframe 
    {
        width: 80%;
        aspect-ratio: 16/9;
    }

    .presentation-video-container{
        margin: 10px;
    }

    .title-faq{
        margin-top: 50px !important;
    }

    .header-cta-button {
        font-size: 1rem;
    }

    .article-container
    {
        width: 80%;
    }

    .automation-title
    {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .automation-lightning
    {
        width: 75px;
        height: 75px;
    }
     
    .automation-block {
        max-width: 90%;
        margin-top: 125px;
        margin-bottom: 25px;
    }

    .image-invoice {
        max-width: 100%;
        height: auto;
        display: block;
    }

    .container-faq-list{
        padding: 0px;
        width: 90%;
    }

    #header-cta-desktop 
    {
        display: none;
    }

    .container-faq-list p{
        font-size: 1rem;
    }
  
    .header-nav
    {
        justify-content: space-between;
    }

    .header-nav-links
    {
        display: none;
    }

    .hamburger 
    {
        display: flex;
    }

    .container-simulateur{
        width: 90%;
    }

    .faq {
        gap: 12px;
    }

    .faq summary {
        padding: 18px 56px 18px 18px;
        font-size: 1rem;
    }

    .faq summary::after {
        right: 16px;
        width: 28px;
        height: 28px;
        font-size: 1.2rem;
    }

    .faq p {
        padding: 0 18px 18px;
        font-size: 0.98rem;
    }

    .newsletter-card {
        max-width: 80%;
        padding: 1rem;
    }

    .newsletter-card input {
        padding: 0.75rem;
        border: 1px solid #ccc;
        border-radius: 8px 0px 0px 8px;
        font-size: 1rem;
        outline: 0;
    }
}