@media screen and (max-width:950px) {

    h1 {
        font-size: 30px;
    }

    h2 {
        font-size: 40px;
    }

    h3 {
        font-size: 23px;
    }

    p {
        font-size: 18px;
    }

    a {
        font-size: 15px;
    }
}

@media screen and (max-width:900px) {

    .home-feature {
        flex-direction: column;
        overflow: hidden;
    }

    .home-feature .left-home,
    .home-feature .right-home {
        width: 100%;
    }

    .about-feature img {
        width: 100%;
    }

    .services-feature .services-box {
        flex-direction: column;
    }

    .contributers-feature .contributers-image {
        flex-direction: column;
    }

    .portfolio-feature .portfolio-image {
        flex-direction: column;
    }

    .portfolio-feature .portfolio-image .portfolio-image-right div {
        align-items: center;
        justify-content: center;
    }

    .portfolio-feature .portfolio-image .portfolio-image-left,
    .portfolio-feature .portfolio-image .portfolio-image-right {
        width: 100%;
    }

    .portfolio-feature .portfolio-image .portfolio-image-right img {
        width: 40%;
    }

    footer p a {
        font-size: 18px;
    }

}

@media screen and (max-width:750px) {

    header .portfolio-button {
        display: none;
    }

    header .nav-list {
        display: none;
    }

    header .menu-bar {
        display: block;
    }

    header .mobile-bar {
        display: flex;
        right: -150%;
        transition: all 0.5s;
    }

    header .mobile-bar.active {
        right: 0;
    }

}

@media screen and (max-width:550px) {

    .home-feature .right-home img {
        width: 80%;
    }

}

@media screen and (max-width:380px) {

    .contact-feature .contact-img {
        width: 70%;
    }

}