#what-is{
    height: 100%;
    background-color: #592D82;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
#what-is .content-wrapper{
    height: 100%;
}

#what-is h3 {
    color: #FCBA2D;
    font-size: 1.875rem;
    font-weight: 100;
}
#what-is p{
    color: #fff;
    font-size: 1.25rem;
    font-weight: 100;
    
}
#what-is .about{
    position: absolute;
    margin-left: 20px;
    padding: 0 25px;
    top: 10%;
}
#what-is .how{
    position: absolute;
    top: 35%;
    padding: 0 25px;
}
#what-is .why{
    position: absolute;
    top: 60%;
    padding: 0 25px;
}

@media (min-width:767.98px) and (max-width: 1024px) { 
    #what-is{
        height: 100%;
        
    }
    #what-is .about{
        position: relative;
    }
    #what-is .how{
        position: relative;
        top: 0
    }
    #what-is .why{
        position: relative;
        top: 0;
    }
    #what-is .content-wrapper{
        padding: 15px;
        margin-top: 80px;
    }
    #what-is h3 {
        font-size: 2rem;
    }
    #what-is p{
        font-size: 1.25rem;
    }
    
}
@media (max-width: 767.98px) { 
    #what-is{
        height: 100%;
    }
    #what-is .content-wrapper{
        padding: 0px;
    }
    #what-is .about{
        position: relative;
        margin-left: 0;
        top: 0;
        padding: 0 20px;
    }
    #what-is .how{
        position: relative;
        top: 0
    }
    #what-is .why{
        position: relative;
        top: 0;
    }
    #what-is h3 {
        font-size: 2rem;
    }
    #what-is p{
        font-size: 1.25rem;
    }

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

    #what-is .content-wrapper{
        margin-left: 80px;
    }
}