.slogan{
    h1{
        color: white;
        span{
            color: yellow
        }
    }
    .w--btn{
        background-color: #25D366;
        border-radius: 99px;
        transition: all 300ms;
        a{
            color: white;
            text-decoration: none;
        }
    }
    .w--btn:hover{
        background-color: #12a548;
        transform: scale(1.1, 1.2);
    }
}
.slogan--parrafo {
    max-width: 100%; 
    word-wrap: break-word; 
    overflow-wrap: break-word; 
    font-size: clamp(3rem, 6vw, 4rem); 
    line-height: 1.2;
    padding: 10px;
}

.contenido-historia .info{
    h2{
        color: white;
        font-size: clamp(2rem, 5vw, 2.5rem); 
        /* font-size: 40px; */
    }
    h3{
        color: yellow;
        font-size: clamp(3rem, 5vw, 3rem); 
        /* font-size: 48px; */
    }
    p{
        color: white;
        font-size: clamp(1.5rem, 5vw, 1.25rem); 
        /* font-size: 20px; */
        text-align: justify;
    }
}

.contenido-trayectoria{
    .experiencia{
        h2{
            color: white;
            font-size: clamp(2rem, 5vw, 2.5rem); 
            /* font-size: 40px; */
        }
        p{
            color: yellow;
            font-size: clamp(1.5rem, 5vw, 2.5rem); 
            /* font-size: 40px; */
        }
    }
}

.contenido-fundadores{
    .biografia{
        h2{
            text-align: center;
            color: white;
            font-size: clamp(1.5rem, 5vw, 5rem); 
        }
        h3{
            text-align: center;
            color: yellow;
            font-size: clamp(1.5rem, 5vw, 2rem); 

        }
        p{
            color: white;
            font-size: clamp(1rem, 5vw, 1.25rem); 
        }
    }
} 

@media (min-width: 576px) {

}

@media (min-width: 768px) {

}

@media (min-width: 992px) {
    
}

@media (min-width: 1200px) {  
    .w--btn{
        width: 250px;
    }
}

@media (min-width: 1400px) { 

}