.about-me-section {
    padding: 20px;
    /* background-color: rgb(248, 244, 244); */

}

.about-me-section h3 {
    font-size: 17px;
    margin: 5px 0;
}

.about-header {
    text-align: left;
    font-size: 26px;
    margin: 0;

}

.image-div {
    display: flex;
    align-items: center;
    justify-content: center;
}

.image-div img {
    width: 90%;

}

.about-me-section p {
    margin-top: 10px;
    font-size: 15px;

}

.button-div {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.discovery-call {
    background-color: white;
    color: black;
    padding: 15px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 600;
}

@media screen and (min-width:400px) {
    .about-me-section {
        padding: 20px;
    }

}


@media screen and (min-width:500px) {
    .about-me-section {
        padding: 20px 50px;
    }

}

@media screen and (min-width:600px) {
    .about-me-section {
        padding: 20px 80px;
    }

    .image-div img {
        width: 80%;
    }

}

@media screen and (min-width:700px) {
    .about-me-section {
        padding: 20px 100px;
    }

    .about-header {
        font-size: 28px;
    }

    .image-div img {
        width: 60%;
    }

}

@media screen and (min-width:800px) {
    .about-me-section {
        padding: 20px 140px;
    }

    .image-div img {
        width: 60%;
    }

}

@media screen and (min-width:900px) {
    .about-me-section {
        padding: 20px 200px;
    }

}

@media screen and (min-width:1000px) {
    .about-me-section {
        padding: 20px 230px;
    }

}

@media screen and (min-width:1100px) {
    .about-me-section {
        padding: 20px 280px;
    }

    .image-div img {
        width: 60%;
    }

}

@media screen and (min-width:1200px) {
    .about-me-section {
        padding: 20px 340px;
    }

}

@media screen and (min-width:1300px) {
    .about-me-section {
        padding: 20px 380px;
    }

}

@media screen and (min-width:1400px) {
    .about-me-section {
        padding: 20px 440px;
    }

}

@media screen and (min-width:1500px) {
    .about-me-section {
        padding: 20px 480px;
    }

}

@media screen and (min-width:1600px) {
    .about-me-section {
        padding: 20px 530px;
    }

}

@media screen and (min-width:1700px) {
    .about-me-section {
        padding: 20px 580px;
    }

}