.section-2 {
    width: 100%;
    height: 100%;
    background-color: #fffff7;
    padding-left: 16rem;
    padding-right: 16rem;
    padding-top: 3rem;
    margin-bottom: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.about-img {
    width: 25rem;
    height: 35rem;
    border-radius: 0.6rem;
    object-fit: cover;
    box-shadow: 1rem 1rem 2rem #010221, -1rem -1rem 2rem #f6eedc;
    cursor: pointer;
    margin-bottom: 6rem;
}

.about-name {
    font-family: "Alegreya Sans", sans-serif;
    font-size: 2.5rem;
    color: #b48811;
    margin-top: 5rem;
}

.section-2-paragraph {
    width: 100%;
    height: 100%;
    font-size:2rem;
    font-weight:450;
    text-align: justify;
    color: #000;
    padding: 1rem 2rem 1rem 2rem;
}

.fa-quote-left {
    align-self: flex-start;
    font-size: 1.5rem;
    color: #b48811;
    padding-right: 1rem;
}

.fa-quote-right {
    align-self: flex-start;
    font-size: 1.5rem;
    color: #b48811;
    padding-left: 1rem;
}

/*responsive*/

@media (max-width: 1024px) {
    .section-2{
        padding-left: 4rem;
        padding-right: 4rem;
       
    }
}

@media (max-width: 820px){

    .section-2{
        width: 100%;
        height: auto;
    
    }
    
    .about-img{
        width: 20rem;
        height: 30rem;
        
    }
}

@media (max-width: 400px){
    .about-img{
        width: 20rem;
        height: 28rem;
        
    }

}

@media (max-width: 393px){
    .about-img{
        width: 19rem;
        height: 26rem;
        
    }

    .about-name{
        text-align: center;
    }

}

@media (max-width: 360px){
    .about-img{
        width: 17rem;
        height: 24rem;
        
    }
    .about-name{
        text-align: center;
    }

}


/*end of responsive*/