body {
    display: flex;
    flex-direction: column;
}

.oimagefaded {
    position: absolute;
    opacity: 0.15;
    margin-top: 122px;
    max-width: 100%;
    height: auto;
}

/* -----------About me Section----------- */
.aboutMe_section {
    width: 100%;
    height: auto;
    justify-items: center;
    align-items: center;
}

.aboutMe_Cont {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 11.5em 2em 0;
    padding: 1.5em 3em;
    background-color: #111;
    border-radius: 1em;
    max-width: 56em;
    box-shadow: 0 0 6em .1em #0700151b;
}

.aboutMe_info {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.aboutMe_text {
    text-align: center;
    max-width: 28em;
}

.aboutMe_text b {
    color: rgb(212, 212, 212);
}

.aboutMe_text h2 {
    color: #f4f4f4;
}

.resumeButton {
    justify-content: center;
    padding-top: 2em;
}

.resumeButton button {
    background-color: #546380;
    padding: .5em;
    border-radius: 0.5em;
}

.resumeButton:hover {
    transform: scale(1.015);
}

.aboutMe_image {
    max-height: 25em;
}

.aboutMe_imageCont {
    display: flex;
    justify-content: center;
}

/* -----------Links Section----------- */

.links_section {
    width: 100%;
    height: auto;
    justify-items: center;
    align-items: center;
}

.links_cont {
    padding: 1.5em 7em 1.5em 7em;
    background-color: #111;
    border-radius: 1em;
    max-width: 50em;
    margin: 1.5em 3em 0;
}

.links_text {
    padding-bottom: 1em;
}


.social_links {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


.email_link {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1em 0 2em;
}

.email_link h3 {
    padding-bottom: .3em;
}

.email_text:hover {
    transform: scale(1.035);
    transition: 0.1s;
}


@media screen and (max-width:480) {
    /* smartphones, iPhone, portrait 480x320 phones */

    /* -----------About me Section----------- */
    .aboutMe_Cont {
        flex-direction: column-reverse;
        margin: 10em 0 0;
        padding: 1.5em;
        background-color: #111;
        border-radius: 1em;
        /* max-width: 20em; */
        max-width: 75%;
        box-shadow: 0 0 6em .1em #0700151b;
    }

    .aboutMe_text {
        padding: .9em 0 0em;
        text-align: center;
        max-width: 28em;
    }

    .aboutMe_image {
        margin-top: 2em;
        max-height: 19em;
    }

    /* -----------Links Section----------- */

    .links_section {
        margin: 2em 0 -5em;
    }

    .links_cont {
        padding: 1.5em;
        max-width: 18.5em;
        margin: 0;
    }

    .email_link {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 1em 1em 2em;
    }

    .email_link h2 {
        padding-bottom: .3em;
        font-size: large;
    }
}

@media screen and (max-width:640) {
    /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
}

@media screen and (max-width:960) {
    /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */

    /* -----------About me Section----------- */
    .aboutMe_Cont {
        flex-direction: column-reverse;
        margin: 10em 0 0;
        padding: 1.5em;
        max-width: 75%;
    }

    .aboutMe_text {
        padding: .9em 0 0em;
        max-width: 28em;
    }

    .aboutMe_image {
        margin-top: 2em;
        max-height: 19em;
    }

    /* -----------Links Section----------- */

    .links_section {
        margin: 2em 0 -5em;
    }

    .links_cont {
        padding: 1.5em;
        max-width: 18.5em;
        margin: 0;
    }

    .email_link {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 1em 1em 2em;
    }

    .email_link h2 {
        padding-bottom: .3em;
        font-size: large;
    }
}

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

    /* big landscape tablets, laptops, and desktops */
    /* -----------About me Section----------- */

    .aboutMe_Cont {
        padding: 1em;
    }

    .aboutMe_info {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .aboutMe_text {
        text-align: center;
        max-width: 28em;
    }

    .aboutMe_image {
        max-height: 20em;
    }

    /* -----------Links Section----------- */

    .links_section {
        width: 100%;
        height: auto;
        justify-items: center;
        align-items: center;
    }

    .links_cont {
        padding: 1.5em 7em 1.5em 7em;
        background-color: #111;
        border-radius: 1em;
        max-width: 50em;
        margin: 1.5em 3em 0;
    }

    .links_text {
        padding-bottom: 1em;
    }
}