@media screen and (max-width: 1142px) {
    .half-width {
        width: 90%;
        margin: 30px auto;
        text-align: center;
    }
}

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

    .work,
    .certificate {
        width: 50%;
        margin: 20px auto;
        text-align: center;
    }

    .half-width img {
        width: 300px;
        height: 300px;
    }
}

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

    .work,
    .certificate {
        width: 90%;
        margin: 20px auto;
        text-align: center;
    }
}

@media screen and (max-width: 560px) {
    .email-me a {
        font-size: 18px;
    }
}

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

    .work,
    .certificate {
        width: 60%;
        margin: 10px auto;
    }

    .email-me a {
        font-size: 14px;
    }
}