.about-index-section{
    width: 100%;
    padding-top: 2rem;
    background-size: cover;
    background-color: #ffe5b04f;
    background-blend-mode: color;
    
    
}

.aboutindex-image{
    width: 100%;
    height: 100%;
    position: relative;
}

.aboutindex-image img{
    width: 100%;
    height: 100%;
    display: block;
}

.aboutindex-text{
    position: absolute;
    top: 20%;
    right: 15%;
    width: 500px;
}

.aboutindex-text h2{
    font-family: "Lora", serif;
    font-size: 3rem;
    color: #ff8c19;
    margin-bottom:0.5rem;
    
}

.aboutindex-text p{
    font-family: "Kalam", cursive;
    font-size: 1.2rem;
    text-align:justify;
}




/* mobile */

@media (max-width:650px) {
    .aboutindex-text h2{
        font-size: 0.9rem;
        
        
    }
    
    .aboutindex-text p{
        font-size: 0.5rem;
    }
    
    .aboutindex-text{
    top: 40%;
    left: 45%;
    width: 180px;
    height:auto;
    transform: translate(0 , -50%);
    
}
}