

.about-section h1{
    font-size: 45px;
    letter-spacing: 3px;
    background-color: #fff3f3;
    
}
.about-section h3{
    letter-spacing: 1.5px;
}

.about-section .card{
    box-shadow: 0 5px 10px -3.8px;
}

.about-section .card , .about-section .card .card-header{
    border-color: #4c0101;
}

.about-section p, .about-section li{
   font-size: 20px;
   color: #4c0101;
}

.about-section .card .card-header{
    background-color: #8E0000;
    color: white;
}

@media (max-width: 768px) {
    .about-section h1{
        font-size: 32px;
    }

    .about-section p, .about-section li{
        font-size: 18px;
    }
}

@media (max-width: 500px) {
    .about-section h1{
        font-size:24px;
        /* text-shadow: none; */
    }

    .about-section p, .about-section li{
        font-size: 16px;
    }

    .about-section .card .card-header{
        font-size: 17px;
    }
}

@media (max-width: 350px) {
    .about-section h1{
        font-size:22px;
    }

    .about-section p, .about-section li{
        font-size: 15px;
    }

    .about-section .card .card-header{
        font-size: 16px;
    }
}