.profile-introduction {
    padding: 2rem;
    width: 95%;
    margin: 0 auto 3rem auto;
    display: flex;
    flex-wrap: wrap;
    display: flex;
    justify-content: start;
    align-items: top;
    flex-direction: row;
    background:#BDD0AE;
    border-radius: 10px;
}

.profile-introduction h1 {
    padding-bottom: 1rem;
}

.profile-introduction h3 {
    margin-bottom: 2rem;
}

.profile-introduction h6 {
    padding-bottom: 1rem;
}

.profile-mbImage {
    flex: 1 1 30rem;
}
.profile-mbImage img {
    width: 75%;
    border-radius: 15px;
    box-shadow: 3px 3px 5px rgba(255, 255, 255, 0.1);
}

.profile-mbText {
    flex: 3 1 60rem;
}

.profile-mb-heading {
    display: flex;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.profile-education {
    width: 95%;
    margin: 0 auto 3rem auto;
    background: #BDD0AE;
    padding: 2rem;
    border-radius: 10px;
}
.profile-education h3 {
    margin-bottom: 3rem;
}

.profile-education-details {
    position: relative;
    display: grid;
    grid-template-columns: max-content 75px auto auto;
    grid-template-rows: auto;
    -moz-column-gap: 2rem;
        column-gap: 2rem;
    row-gap: 3rem;
    margin-bottom: 3rem;
}
.profile-education-details img {
    width: 100%;
    margin: 0 auto;
}
.profile-education-details p {
    text-align: left;
}
.profile-education-details li {
    list-style: none;
    border-bottom: 0.5px dashed #6E996E;
}
.profile-education-details .row1 {
    text-align: center;
}

.profile-work-experience {
    width: 95%;
    margin: 0 auto 3rem auto;
    background: #BDD0AE;
    padding: 2rem;
    border-radius: 10px;
}
.profile-work-experience h3 {
    margin-bottom: 3rem;
}

.profile-work-details {
    position: relative;
    display: grid;
    grid-template-columns: max-content auto 75px auto;
    grid-template-rows: auto;
    gap: 3rem;
    row-gap: 5rem;
    margin-bottom: 3rem;
}
.profile-work-details img {
    width: 100%;
    margin: 0 auto 0 auto;
}
.profile-work-details p {
    text-align: left;
}
.profile-work-details li {
    list-style: none;
    border-bottom: 0.5px dashed #6E996E;
}
.profile-work-details .row1 {
    text-align: center;
}

.profile-job-descriptions {
    width: 95%;
    margin: 0 auto 3rem auto;
    background: #BDD0AE;
    padding: 3rem;
    border-radius: 10px;
}
.profile-job-descriptions h3 {
    margin-bottom: 3rem;
}

.profile-job-description-details {
    position: relative;
    display: grid;
    grid-template-columns: auto auto auto;
    grid-template-rows: auto;
    gap: 1.5rem;
    row-gap: 3rem;
}
.profile-job-description-details p {
    text-align: left;
}
.profile-job-description-details li {
    list-style: none;
    border-bottom: 0.5px dashed #6E996E;
}
.profile-job-description-details .row1 {
    text-align: center;
}

.profile-courses {
    width: 95%;
    margin: 0 auto 3rem auto;
    background: #BDD0AE;
    padding: 2rem;
    border-radius: 10px;
}
.profile-courses h3 {
    margin-bottom: 3rem;
}
.profile-courses h4 {
    margin: 2rem 0 2rem 0;
}

.profile-course-details p {
    text-align: left;
}

.profile-course-details {
    display: flex;
    flex-direction: column;
}

.profile-course-detail-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.profile-course-detail-logo {
    width: 15rem;
}

.profile-course-detail-logo img {
    width: 50%;
   
}

.profile-course-detail-desc {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    flex:  1 1 30rem;
    /* padding-left: 5rem; */
    flex-wrap: wrap;
}

/* SKILLS */
.profile-skills {
    width: 95%;
    margin: 0 auto 3rem auto;
    display: flex;
    flex-direction: column;
    flex: 1 1 30;
    background: #BDD0AE;
    padding: 2rem;
    border-radius: 10px;
}

.profile-skills h3 {
    margin-bottom: 3rem;
}

.profile-skills h4 {
    margin: 2rem 0 2rem 0;
}

.profile-skills-content {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
}

.profile-skills-row.header-row {
    width: 100%;
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid #000086;
}

.profile-skills-row.header-row p {
    text-align: center;
    font-weight: 700;
}

.profile-skills-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding-bottom: 2rem;
}

.profile-skills-row .skill {
    text-align: left;
    width: 25rem;
    text-wrap: wrap;
}

.profile-skills-row .proficiency {
    align-items: start;
    min-width: 20rem;
}

.profile-skills-row .comments {
    flex: 1;
    align-items: start;
}

.profile-interests {
    width: 95%;
    margin: 0 auto 3rem auto;
    background: #BDD0AE;
    padding: 2rem;
    border-radius: 10px;
}

.profile-interests h3 {
    margin-bottom: 3rem;
}

.profile-interests h4 {
    margin: 2rem 0 2rem 0;
}

.profile-interests ul {
    list-style-type: none;
}

.profile-contact {
    width: 95%;
    margin: 0 auto 3rem auto;
    background: #BDD0AE;
    padding: 2rem;
    border-radius: 10px;
}

.profile-contact h3 {
    margin-bottom: 3rem;
}

.profile-contact h4 {
    margin: 2rem 0 2rem 0;
}

.profile-contact-content {
    display: flex;
    flex-direction: row;
    padding-bottom: 3rem;
}

.profile-contact-content .row {
    width: 100%;
    
}

.profile-contact-content .row-left {
    display: flex;
    flex-direction: row;
    width: 25rem;
    flex-basis: 1;
    align-items: center;
    justify-content: start;
    flex-wrap: wrap;
}

.profile-contact-content .row-left img {
    width: 3.6rem;
    height: 3.6rem;
}

.profile-contact-content .row-left p {
    padding-left: 2rem;
}

.profile-contact-content .row-right {
    /* width: 60%; */
    flex-basis: 3;
}


/* MEDIA QUERIES - 1470px */
@media screen and (max-width: 1470px) {
    /* EDUCATION */
    .beal, .vhs {
        display: none;
    }

    /* WORK */    
    .profile-job-descriptions {
        display: none;
    }
}

/* MEDIA QUERIES - 1040px */
@media screen and (max-width: 1040px){
    /* ABOUT MB */
    .profile-introduction h1 {
        font-size: 2.4rem
        }

    .profile-introduction h3 {
        font-size: 2rem
        }

    .profile-introduction h6 {
        font-size: 1.8rem
        }

    .profile-introduction p {
        font-size: 1.6rem;
        }

    /* WORK */
    .profile-work-details
     {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .profile-work-details img
     {
    width: 25%;
    margin: 0 auto;
    }

    .profile-work-details .row1,
    .retired,
    .see-below, 
    .ebg, 
    .lsbu, 
    .dressler, 
    .ups, 
    .wlea, 
    .mstanley, 
    .dhss {
        display: none;
    }

    .profile-introduction {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .profile-mbImage {
        display: flex;
        flex: 1;
        justify-content: center;
        max-width: 50%;
    }

    /* SKILLS */
    .profile-skills-content .header-row {
        display: none;
    }

    .profile-skills-content .comments {
        display: none;
    }
}

/* MEDIA QUERIES 700px */
@media screen and (max-width: 700px) {

    /* EDUCATION */    
    .profile-education-details
     {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    
    .row1 {
        display: none;
    }

    .profile-work-experience p,
    .profile-education-details p {
        font-size: 1.6rem;
    }

    .profile-education-details img{
    width: 25%;
    margin: 0 auto;
    }

    /* COURSES*/
    .profile-course-details {
        flex: 0;
    }

    .profile-course-detail-row {
        flex-direction: column;
        align-items: center;
        flex: 0;
        
    }

    .profile-course-detail-logo {
        display: flex;
        justify-content: center;
    }

    .profile-course-detail-desc {
        flex: 1;
        padding: 2rem;
        align-items: center;
    }

    .profile-course-detail-desc p {
        font-size: 1.6rem;
        text-align: center;
    }

    /* SKILLS */
    .profile-skills-row {
        display: flex;
        flex-direction: column;
        align-items: start;
    }

    .profile-skills-content p {
        font-size: 1.6rem;
    }

    .profile-interests p {
        font-size: 1.6rem;
    }

    .profile-contact-content {
        flex-direction: column;
        width: 100%;
    }

    .profile-contact-content .row-left {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        padding-bottom: 2rem;
    }

    .profile-contact-content .row-right {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        padding-bottom: 2rem;
    }

    .profile-contact-content .row-left p {
        font-size: 1.6rem;
        text-align: center;
        padding-left: 1rem;
    }

    .profile-contact-content .row-right p {
        font-size: 1.6rem;
    }
}


