@media only screen and (min-width:300px) and (max-width:800px) {
    body {
        background-color: rgb(160, 160, 160);

    }

    .devl {
        display: flex;
        width: 100%;
    }

    .devloper-left {
        width: 28%;
        height: auto;
    }

    .devloper-right {
        width: 80%;
        text-align: center;
        margin-right: 40px;
    }

    .devloper-right h3 {
        font-size: 4vh;
    }

    .devloper-right p {
        margin-top: 22px;
    }

    .devloper-img {
        width: 100px;
        height: 100px;
        border-radius: 50%;

    }

    .team {
        width: 100%;
        background-color: #ffff008f;
    }

    .team-a {
        width: 100%;
    }

    .team-im {
        width: 28%;
        height: auto;
    }

    .team-img {
        width: 100px;
        height: 100px;
        border-radius: 50%;
    }

    .team-n {
        width: 100%;
        margin: 1px 11px 5px 20px;
    }


    .team-f {
        display: flex;
    }

    .h2 {
        text-align: center;
    }

    .team-n h3 {
        margin: 4px;
        margin-top: 19px;
    }

    .team-n p {
        margin-top: 5px;
        color: brown;
    }
}