.about{
   
    height: 600px;
}
.about-title{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 700px;
    margin-top: 100px;
   
}

.about-cover{
    border: 2px solid white;
    height: 400px;
    width: 400px;
    margin: 60px 70px 30px 100px;
    object-fit: cover;
    float: left;
}


.lorem{
    color: white;
    padding-top: 65px;
    padding-right: 70px;
    font-size: 1.4em;
    text-align: justify;
}

.lorem2{
    color: white;
    padding-top: 5px;
    padding-right: 70px;
    font-size: 1.4em;
    text-align: justify;
}

.lorem3{
    color: white;
    padding-top: 5px;
    padding-right: 70px;
    font-size: 1.4em;
    text-align: justify;
    
}

.lorem4{
    color: white;
    padding-top: 5px;
    padding-right: 70px;
    font-size: 1.4em;
    text-align: justify;
}

.lorem5{
    color: white;
    padding-top: 5px;
    padding-right: 70px;
    font-size: 1.4em;
    text-align: justify;
}

.lorem6{
    color: white;
    padding-top: 5px;
    padding-right: 70px;
    font-size: 1.4em;
    text-align: justify;
}

/* .about-data{
    display: flex;
} */




@media only screen and (min-width: 200px) and (max-width: 512px) {
    .about-title{
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 250px;
        margin-top: 10px;
       
    }

    .about-data{
        display: block;
        /* margin-left: 14%; */
        
        text-align: center;
    }

     .about-cover{
        
       /* width: 300px; */
       /* height: 300px; */
       width: 80%;
       height: 50%;
       display: block;
       margin-left: 10%;
       /* margin-left: 5%; */
       /* margin-right: 15%; */
       margin-top: 20px;
      
    }
    
    .lorem{
        text-align: justify;
        margin-left: 16%;
        margin-right: auto;
    }

    .lorem2{
        text-align: justify;
        margin-left: 16%;
        margin-right: auto;
    }

    .lorem3{
        text-align: justify;
        margin-left: 16%;
        margin-right: auto;
    }

    .lorem4{
        text-align: justify;
        margin-left: 16%;
        margin-right: auto;
    }

    .lorem5{
        text-align: justify;
        margin-left: 16%;
        margin-right: auto;
    }

    .lorem6{
        text-align: justify;
        margin-left: 16%;
        margin-right: auto;
    }


    
    

}