.main_container {
    max-width: 1200px;
}

/*.header {*/
/*    background-color: #E2ADF2;*/
/*    width: 100%;*/
/*}*/

.header {
    padding: 1.2rem 0;
    position: relative;
}

.services {
    width: 100%;
}

.service {

    width: 23%;
}

.proj {
    width: 32%;
    background-color: #ffb549
}

.intro {
    width: 32%;
}

/* 1000px */
@media only screen and (max-width: 1000px) {
    .service {

        width: 45%;
    }

    .proj {
        width: 90%;

    }

    .intro {
        width: 90%;

    }
}

/* 600px */
@media only screen and (max-width: 600px) {
    .service {
        width: 100%;
    }

    .proj {
        width: 90%;

    }

    .intro {
        width: 90%;

    }

}

/* 500px */
@media only screen and (max-width: 500px) {
    .service {
        width: 100%;
    }

    .proj {
        width: 90%;

    }

    .intro {
        width: 90%;

    }

    .intro_title {
        font-size: 2.5rem;
    }

    .intro_photo {
        margin-top: 5.5rem;
    }
}