.about{
    background-color: whitesmoke;
}

.about .about-con{
    width: 100%;
    padding-top: 50px;
    position: relative;
    overflow: hidden;
}
.about .about-con img{
    width: 100%;
}
.about .about-con .about-text{
    padding: 50px;
    line-height: 3;
    font-family: 'robo';
    width: 80%;
    margin: 10px auto;
}
.about .about-con .about-text h3{
    font-size: 24px;
    margin-top: 30px;
    color: var(--blue-);
}
.about .about-con .about-text p{
    font-size: 20px;
}
.about .about-con .about-text ul li{
    margin-left: 30px;
    font-size: 20px;
    margin-top: 20px;
}
.about .about-con .about-text ul h3{
    margin-top: 10px;
}
@media screen and (max-width: 768px) {
    .about .about-con .about-text{
        padding: 30px;
        width: 97%;
    }
    .about .about-con img{
        width: 900px;
        margin-left: -90px;
    }
}
@media screen and (max-width: 500px) {
    .about .about-con .about-text{
        padding: 15px;
        line-height: 3;
        font-family: 'robo';
        width: 98%;
        margin: 10px auto;
    }
    .about .about-con{
        width: 100%;
        overflow: hidden;
    }
    .about .about-con img{
        width: 700px;
        margin-left: -90px;
    }
}