.project-icon-line {
    background: url("../img/cs-icon/project_icon.png") no-repeat;
    background-position: 100% 100%;
    background-size: 32px 32px;
    height: 38px;
    width: 38px;
    display: flex;
    margin: 0 65%;
}

.project-icon-fill {
    background: url("../img/cs-icon/project-fill.svg") no-repeat;
    background-position: 100% 100%;
    background-size: 24px 24px;
    height: 30px;
    width: 30px;
    display: table;
    margin: 0 70%;
}

.about-icon-line {
    background: url("../img/cs-icon/about_icon.png") no-repeat;
    background-position: 100% 100%;
    background-size: 32px 32px;
    height: 38px;
    width: 38px;
    display: table;
    margin: 0 65%;
}

.about-icon-fill {
    background: url("../img/cs-icon/about-fill.svg") no-repeat;
    background-position: 100% 100%;
    background-size: 24px 24px;
    height: 30px;
    width: 30px;
    display: table;
    margin: 0 70%;
}

.contact-icon-line {
    background: url("../img/cs-icon/contact_icon.png") no-repeat;
    background-position: 100% 100%;
    background-size: 32px 32px;
    height: 38px;
    width: 38px;
    display: block;
    margin: 0 65%;
}

.contact-icon-fill {
    background: url("../img/cs-icon/contact-fill.svg") no-repeat;
    background-position: 100% 100%;
    background-size: 24px 24px;
    height: 30px;
    width: 30px;
    display: block;
    margin: 0 70%;
}

@media only screen and (max-width: 600px) {
    .project-icon-line {
        height: 38px;
        margin: 2px 0%;
    }

    .project-icon-fill {
        height: 30px;
        margin: 2px 3%;
    }

    .about-icon-line {
        height: 38px;
        margin: 2px 0%;
    }

    .about-icon-fill {
        height: 30px;
        margin: 2px 3%;
    }

    .contact-icon-line {
        height: 38px;
        margin: 2px 0%;
    }

    .contact-icon-fill {
        height: 30px;
        margin: 2px 3%;
    }

}