@media (min-width: 0px) and (max-width: 480px) {



    html, body {

        overflow-x: hidden;

    }





    #header-menu-1-container {

        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        
        margin-top: 25px;
        
        width: 100%;
        height: max-content;

        
        color: white;
        
        }


        nav {
            display: none;
        }


        .header-menu-1-container-content {

            width: 65%;

        }

        .btn-start-now {

            display: none;

        }
        


    
#header-menu-2-container {

    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: start;
    align-content: end;

    text-align: right;

    width: 70%;

}
        

    /*header*/

    #header-container {

        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
    
        width: 100%;
        height: max-content;
    
        background-image: url(/img/header/background-section-1.png);
        background-repeat: no-repeat;
        background-size: cover;

        padding-bottom: 80px;
    
    }
    

    #headline-header h5 {

        font-size: 14px;
        line-height: 30px;
        width: 30%;

        margin-bottom: 10px;


    
    }

    
#headline-header h1 {


    font-size: 40px;
    line-height: 50px;
    width: 26%;

    margin-bottom: 20px;





}


#headline-header h2 {

    width: 25%;

    font-size: 14px;


}

#img-companies {

width: 48%;
margin-left: 330px;

}




    /*section 1*/

    #section-1-container h2 {

        font-size: 17px;
        letter-spacing: 0px;
        line-height: 40px;
    

        margin-bottom: 50px;
        
        width: 90%;
    
    
    }
    
    .section-1-cards h3 {

        text-transform: uppercase;
        font-size: 17px;
    
    
    }

    .section-1-cards p {

        font-size: 14px;

    
    
    }

        /*section 2*/
    

        #section-2-container h2 {

            text-align: center;
            font-size: 17px;
            line-height: 40px;
        
        
        
        }

        #section-2-2-container {


            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        
            gap: 50px;
        
        
        }

        .section-2-content-container {

        
            width: 80%;

        
        }



        /*section 3*/


        
#section-3-container h2 {

    text-align: center;
    font-size: 17px;
    line-height: 40px;

    width: 90%;





}

#section-3-2-container {

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    gap: 50px;

    width: 100%;
    height: max-content;

    text-align: center;


}

.section-3-content-container {

    width: 80%;

}

.section-3-content-container h4 {

    font-size: 16px;


}

.section-3-content-container p {

    width: 100%;

}

        /*section 4*/

#section-4-container {

    flex-direction: column;
    gap: 60px;

}

.section-4-content-container  {

    text-align: center;
    width: 90%;
    height: max-content;


}

.section-4-content-container p {
    
    width: 100%;

}


    /*section 6*/



        #section-6-container h2 {

            font-size: 17px;
            line-height: 40px;
            width: 95%;
            
        }

        #section-6-2-container {

            width: 100%;
        
        }

        
        /*section 7*/


        #section-7-container > h2 {

            font-size: 17px;
            line-height: 40px;
            width: 95%;
       
            
        }

        
#section-7-2-container {

    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 50px;

}

.section-7-2-content-container {

    text-align: center;
    width: 100%;
    height: max-content;

}

.container-title h3 {

    margin-bottom: 30px;
    font-size: 17px;


}


.section-7-2-content-container p {

    width: 90%;

}


/*section 7 parte 2*/

#section-7-3-container {

    display: flex;
    flex-direction: column;
    gap: 50px;

}


.section-7-3-content-container {

    width: 100%;
    padding-bottom: 80px;

}

.section-7-3-content-container h4 {

    font-size: 17px;

}

.section-7-3-content-container p {

    width: 90%;

}

.container-bg {

    background-image: url(/img/section7/background-section-7.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

}


/*section 8*/

#section-8-container > h5 {

    text-align: center;
    width: 70%;

}


        
#section-8-container > h2 {

    font-size: 17px;
    width: 80%;
    line-height: 40px;

    
}


#section-8-2-container  {

    flex-direction: column;
    gap: 50px;
    width: 90%;

}

.section-8-2-content-container {

    width: 90%;

}

.section-8-2-content-container h2 {

    font-size: 17px;

}

.section-8-2-content-container p {

    font-size: 17px;


}

.section-8-2-content-container h3 {

    font-size: 19px;

}


/*Parte 2*/


#section-8-3-container  {

    width: 80%;

}

#section-8-3-container > h2 {

    width: 100%;
    text-align: center;

}

#section-8-3-container > h3 {

    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
    background: linear-gradient(90deg, #FFF1EB 0%, #ACE0F9 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-top: 80px;
    margin-bottom: 50px;
    text-align: center;
    margin: 50px auto;

}

#section-8-4-container {

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: max-content;


}

.section-8-4-content-container h2 {

    width: 80%;
    font-size: 20px;
    line-height: 35px;

}

/*footer*/


footer {

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 50px;
    width: 100%;
    height: max-content;
    text-align: center;


}


.ft {

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;   
    gap: 25px;
    width: 100%;
    height: max-content;
    padding-top: 60px;
    padding-bottom: 60px;

}

.ft-content-container figure {

    display: inline-block;

}


.ft-content-container {

    width: 100%;



}

.ft-content-container p {

    text-align: center;
    font-size: 14px;
    line-height: 30px;
    color: white;

}


}