@import url('https://fonts.googleapis.com/css2?family=Rubik&display=swap');

.about-wrapper{
    background-color:rgba(0, 0, 0, 0.479);
    color: white;
    padding: 0 1% 0 1%;
    font-family: 'Rubik', sans-serif;
    padding-bottom:5rem ;
    height: 80vh;
    padding-top: 23vh;
    
}
.heading h2{
    text-align: center;
    font-size:45px;
}
.content p{
    font-size: 20px;
}
.content{
    margin-left: 20%;
    text-align: justify;
    margin-right: 20%;
}
@media screen and (max-width:1118px){
    .about-wrapper{
        padding-top: 15vh;
        
    }
}

@media screen and (max-width:768px){
    .about-wrapper{
        padding-top: 5vh;
        
    }
    .content{
        margin-left: 10%;
        margin-right: 10%;
    }
}