.portfolio-image {
    width: 70%;
    height: auto;
    float: left;
    margin: 0 15%;
}

.row {
    display: inline-block;
    margin-top: 5%;
    height: 110%;
}

.about-me-text {
    width: 100%;
    text-align: center;
    float: left;
    margin: 5% 0 0 0;
    font-family: meno-banner, serif;
    font-weight: 400;
    font-style: normal;
}

.about-me-text > p {
    font-size: 20px;
    margin-bottom: 100px;
}

.row > img {
    box-shadow: 20px 20px 0 0 rgba(201, 238, 247, 1);
}

/*styling for desktop*/
@media (min-width: 768px) {
    .portfolio-image {
        width: 49%;
        height: auto;
        float: left;
        margin: 0 1% 0 0;
    }

    .about-me-text {
        width: 40%;
        text-align: center;
        float: left;
        margin: 0 5%;
    }
}

/*styling for tablet*/
@media (min-width: 480px) and (max-width: 767px) {
    .portfolio-image {
        width: 70%;
        height: auto;
        float: left;
        margin: 0 15%;
    }

    .about-me-text {
        width: 100%;
        text-align: center;
        float: left;
        margin: 5% 0 0 0;
    }

    .about-me-text > p {
        font-size: 20px;
        margin-bottom: 100px;
    }
}