.Team {
    height: 110em;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #12273CFF;
}

.Row1,
.Row2,
.Row3 {
    height: 20em;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-left: 2em;
    margin-right: 2em;
}

.Row1 {
    margin-bottom: 14em;
}

.Row3 {
    margin-top: 14em;
}

.Profile {
    height: 20em;
    width: 20em;
    border-radius: 100%;
    background-color: #002B65;
    margin: 5em;
    box-shadow: 0 0 2em rgba(255, 255, 255, 1);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.Image1 {
    height: 47.88em;
    width: 36em;
    margin-bottom: 18em;
}

.Image2 {
    margin-right: 1em;
    margin-bottom: 14em;
    width: 30em;
}

.Image3 {
    margin-bottom: 1.5em;
    height: auto;
    width: 28em;
}

.Image4 {
    margin-right: 0em;
    margin-bottom: 14em;
    height: 39.9em;
    width: 30em;
}

.Image5 {
    margin-right: 0em;
    margin-bottom: -2em;
    height: auto;
    width: 18em;
}

.Image6 {
    margin-right: 0em;
    margin-bottom: 10em;
    height: 46.55em;
    width: 35em;
}

.President,
.Secretary,
.Vice-President,
.Treasurer,
.Marketing-Head,
.Design-Head {
    display: flex;
    flex-direction: column;
    text-align: center;
    letter-spacing: 0.1em;
}

.President-Title,
.Secretary-Title,
.Vice-President-Title,
.Treasurer-Title,
.Marketing-Head-Title,
.Design-Head-Title {
    font-size: 1.5em;
    color: white;
}

.President-STitle,
.Secretary-STitle,
.Vice-President-STitle,
.Treasurer-STitle,
.Marketing-Head-STitle,
.Design-Head-STitle {
    margin-top: 0.5em;
    font-size: 1em;
    color: white;
}

.President-Desc,
.Secretary-Desc,
.Vice-President-Desc,
.Treasurer-Desc,
.Marketing-Head-Desc,
.Design-Head-Desc {
    position: relative;
    bottom: 3em;
    line-height: 1.75em;
}

.Executives {
    font-size: 2em;
    position: relative;
    bottom: 4em;
    color: white;
}

.EDivider1,
.EDivider2 {
    position: relative;
    height: 0.2em;
    width: 12em;
    background-color: white;
}

.EDivider1 {
    bottom: 6.7em;
    right: 16em;
}

.EDivider2 {
    bottom: 9.2em;
    left: 16em;
}

@media only screen and (min-width: 320px) and (max-width: 1000px) {
    .Team {
        height: 180em;
    }

    .Row1,
    .Row2,
    .Row3 {
        height: 60em;
        flex-direction: column;
    }

    .Row1 {
        margin-bottom: 0em;
    }

    .Row3 {
        margin-top: 0em;
    }

    .Profile {
        height: 14em;
        width: 14em;
    }

    .Image1 {
        width: 26em;
        margin-bottom: 12em;
    }

    .Image2 {
        margin-bottom: 8em;
        width: 22em;
    }

    .Image3 {
        margin-bottom: 0em;
        width: 20em;
    }

    .Image4 {
        margin-bottom: 8em;
        width: 20em;
    }

    .Image5 {
        margin-bottom: -4em;
        width: 16em;
    }

    .Image6 {
        margin-bottom: 6em;
        width: 25em;
    }

    .President-Title,
    .Secretary-Title,
    .Vice-President-Title,
    .Treasurer-Title,
    .Marketing-Head-Title,
    .Design-Head-Title {
        font-size: 1.4em;
    }

    .President-STitle,
    .Secretary-STitle,
    .Vice-President-STitle,
    .Treasurer-STitle,
    .Marketing-Head-STitle,
    .Design-Head-STitle {
        font-size: 0.8em;
    }

    .Executives {
        font-size: 1.5em;
        position: relative;
        bottom: 4em;
        color: white;
    }

    .EDivider1,
    .EDivider2 {
        position: relative;
        height: 0.2em;
        width: 48%;
        background-color: white;
    }

    .EDivider1 {
        bottom: 2.5em;
        right: 0em;
    }

    .EDivider2 {
        bottom: 9.2em;
        left: 0em;
    }
}

@media only screen and (min-width: 500px) and (max-width: 1000px) {
    .Team {
        height: 210em;
    }

    .Row1,
    .Row2,
    .Row3 {
        height: 70em;
        flex-direction: column;
    }

    .Row1 {
        margin-bottom: 0em;
    }

    .Row3 {
        margin-top: 0em;
    }

    .Profile {
        height: 18em;
        width: 18em;
    }

    .Image1 {
        width: 30em;
        margin-bottom: 12em;
    }

    .Image2 {
        margin-bottom: 9em;
        width: 26em;
    }

    .Image3 {
        width: 25em;
    }

    .Image4 {
        margin-bottom: 11em;
        width: 25em;
    }

    .Image5 {
        margin-bottom: -4em;
        width: 18em;
    }

    .Image6 {
        margin-bottom: 6em;
        width: 28em;
    }

    .President-Title,
    .Secretary-Title,
    .Vice-President-Title,
    .Treasurer-Title,
    .Marketing-Head-Title,
    .Design-Head-Title {
        font-size: 1.5em;
    }

    .President-STitle,
    .Secretary-STitle,
    .Vice-President-STitle,
    .Treasurer-STitle,
    .Marketing-Head-STitle,
    .Design-Head-STitle {
        font-size: 0.9em;
    }

    .Executives {
        font-size: 2em;
        bottom: 3em;
    }
}

@media only screen and (min-width: 720px) and (max-width: 1000px) {
    .Team {
        height: 240em;
    }

    .Row1,
    .Row2,
    .Row3 {
        height: 70em;
        flex-direction: column;
    }

    .Row1 {
        margin-bottom: 7em;
    }

    .Row3 {
        margin-top: 7em;
    }

    .Profile {
        height: 22em;
        width: 22em;
    }

    .Image1 {
        width: 34em;
        margin-bottom: 14em;
    }

    .Image2 {
        margin-bottom: 12.5em;
        width: 30em;
    }

    .Image3 {
        width: 30em;
        margin-bottom: 2em;
    }

    .Image4 {
        margin-bottom: 12em;
        width: 30em;
    }

    .Image5 {
        margin-bottom: -4em;
        width: 22em;
    }

    .Image6 {
        margin-bottom: 8em;
        width: 34em;
    }

    .President-Title,
    .Secretary-Title,
    .Vice-President-Title,
    .Treasurer-Title,
    .Marketing-Head-Title,
    .Design-Head-Title {
        font-size: 2em;
    }

    .President-STitle,
    .Secretary-STitle,
    .Vice-President-STitle,
    .Treasurer-STitle,
    .Marketing-Head-STitle,
    .Design-Head-STitle {
        font-size: 1.5em;
        margin-top: 4%;
    }

    .Executives {
        font-size: 2.4em;
        bottom: 2.5em;
    }
}


@media only screen and (min-width: 1000px) {
    .Team {
        height: 110em;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: #12273CFF;
    }

    .Row1,
    .Row2,
    .Row3 {
        height: 20em;
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin-left: 2em;
        margin-right: 2em;
    }

    .Row1 {
        margin-bottom: 14em;
    }

    .Row3 {
        margin-top: 14em;
    }

    .Profile {
        height: 20em;
        width: 20em;
        border-radius: 100%;
        background-color: #002B65;
        margin: 5em;
        box-shadow: 0 0 2em rgba(255, 255, 255, 1);
        overflow: hidden;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .Image1 {
        height: 47.88em;
        width: 36em;
        margin-bottom: 18em;
    }

    .Image2 {
        margin-right: 1em;
        margin-bottom: 14em;
        width: 30em;
    }

    .Image3 {
        margin-bottom: 1.5em;
        height: auto;
        width: 28em;
    }

    .Image4 {
        margin-right: 0em;
        margin-bottom: 14em;
        height: 39.9em;
        width: 30em;
    }

    .Image5 {
        margin-right: 0em;
        margin-bottom: -4em;
        height: auto;
        width: 20em;
    }

    .Image6 {
        margin-right: 0em;
        margin-bottom: 10em;
        height: 46.55em;
        width: 35em;
    }

    .President,
    .Secretary,
    .Vice-President,
    .Treasurer,
    .Marketing-Head,
    .Design-Head {
        display: flex;
        flex-direction: column;
        text-align: center;
        letter-spacing: 0.1em;
    }

    .President-Title,
    .Secretary-Title,
    .Vice-President-Title,
    .Treasurer-Title,
    .Marketing-Head-Title,
    .Design-Head-Title {
        font-size: 1.5em;
        color: white;
    }

    .President-STitle,
    .Secretary-STitle,
    .Vice-President-STitle,
    .Treasurer-STitle,
    .Marketing-Head-STitle,
    .Design-Head-STitle {
        margin-top: 0.5em;
        font-size: 1em;
        color: white;
    }

    .President-Desc,
    .Secretary-Desc,
    .Vice-President-Desc,
    .Treasurer-Desc,
    .Marketing-Head-Desc,
    .Design-Head-Desc {
        position: relative;
        bottom: 3em;
        line-height: 1.75em;
    }

    .Executives {
        font-size: 2em;
        position: relative;
        bottom: 4em;
        color: white;
    }

    .EDivider1,
    .EDivider2 {
        position: relative;
        height: 0.2em;
        width: 12em;
        background-color: white;
    }

    .EDivider1 {
        bottom: 6.7em;
        right: 16em;
    }

    .EDivider2 {
        bottom: 9.2em;
        left: 16em;
    }
}