.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 10px;
}

.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: rgb(54, 63, 197);
    color: #fff;
}

.nav>li.disabled>a {
    color: #777
}

.nav>li.disabled>a:focus, .nav>li.disabled>a:hover {
    color: #777;
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: #eee;
    border-color: #337ab7
}

.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.nav>li>a>img {
    max-width: none
}

.nav-tabs {
    border-bottom: 1px solid #ddd
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px;
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0
}

.nav-tabs>li>a:hover {
    border-color: #eee #eee #ddd
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #fff;
    cursor: default;
    border: 1px solid #ddd;
    border-bottom-color: transparent
}

.nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0
}

.nav-tabs.nav-justified>li {
    float: none
}

.nav-tabs.nav-justified>li>a {
    margin-bottom: 5px;
    text-align: center
}

.nav-tabs.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media (min-width:768px) {
    .nav-tabs.nav-justified>li {
        display: table-cell;
    }
    .nav-tabs.nav-justified>li>a {
        margin-bottom: 0
    }
}

.nav-tabs.nav-justified>li>a {
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover {
    border: 1px solid #ddd;
    background-color: #29255c;
}

@media (min-width:768px) {
    .nav-tabs.nav-justified>li>a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }
    .nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover {
        border-bottom-color: #fff
    }
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block;
}

.tab-font {
    margin-top: 20px;
    font-size: 18px;
    line-height: 27px;
}

/* people pictures and info */

h3.people {
    margin: 0 0 0 0;
}

.pane-content {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 20px;
}

.pane-title {
    width: 70%;
    padding: 10px;
    margin: 20px;
    text-align: center;
    color: white;
    border: solid;
    background: linear-gradient(45deg, brown, black, brown);
    align-self: center;
    border-radius:5pt;
}

.pane-title h3 {
    margin: 0;
}

.pic-placement {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.pic-placement>p {
    text-align: center;
}

.pic-people {
    width: 70%;
    margin: 20px;
}

.people-pics {
    padding: 20px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: flex-start;
}

/* Alumni page style */

.alumni-pane-content {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 20px;
}

.alumni-pic-placement {
    display: grid;
    grid-template-columns: 1fr 2fr;
    align-items: center;
    border: solid;
    border-width: 0.01px;
}

.alumni-pic-people {
    width: 100%;
    padding: 5px;
}

.alumni-people-pics {
    padding: 20px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: flex-start;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
}

/* Member page style */

.member-pane-content {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 20px;
}

.member-pic-placement {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    /* border: solid;
    border-width: 0.01px; */
}

.member-pic-placement p {
    text-align: center;
}

.member-pane-title {
    width: 70%;
    padding: 10px;
    margin: 20px;
    text-align: center;
    color: white;
    align-self: center;
    border-width: 1px;
    background-image: linear-gradient(to right, darkblue, blue, darkblue);
    border-radius: 10px;
}

.member-pane-title h4 {
    margin: 0;
}

.member-pic-people {
    width: 70%;
    padding: 5px;
    border-radius: 30%;
}

.member-people-pics {
    padding: 20px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: flex-start;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-basis: 100%;
}

/* table customization */

.table-alumni th, .table-alumni td {
    padding: 0.25rem;
}

.table.table-striped.table-alumni {
    width: 100%;
    max-width: 100%;
    background-color: transparent;
    margin-bottom: 0rem;
}

/* division style for highlight page */

.highlights-page-float-left {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: justify;
    float: left;
}

.highlights-page-float-left p {
    display: block;
}

.highlights-page-float {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: justify;
}

.highlights-page-float p {
    display: block;
}

.float-left {
    float: left, top;
    padding: 20px;
    /* margin: 20px; */
}

.float-top {
    float: top;
    padding: 20px;
    /* margin: 20px; */
}

.table.table-large td, .table.table-large th {
    font-size: larger;
}

.highlights-page-float-center {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: justify;
}

.highlights-page-float-center p {
    display: block;
}

.highlights-page-head {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.highlights-page-head-content {
    text-align: justify;
    width: 70%;
}

.pic-grid-triple{
    display:grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    justify-content: space-evenly;
    align-items: flex-end;
}

.pic-grid-6633{
    display:grid;
    grid-template-columns: 1.6fr 1.2fr;
    justify-content: space-evenly;
    align-items: flex-end;
}

.double-fig {
    display: flex;
    flex-wrap: wrap;    
    width: 100%;
    justify-content: center;
}

/*.wrap-fig{
    display:grid;
    grid-template-columns: 1fr 1fr;    
    justify-content: center;
    align-items: center;
} */

#dijet,#resnucprod,#qcdphase {
    width: 30%;
}

#jetprod {
    width: 70%;
}

@media (max-width:820px) {
    .member-people-pics {
        padding: 20px;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: flex-start;
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        flex-basis: 100%;
    }
    .people-pics {
        padding: 20px;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: flex-start;
    }
    .alumni-people-pics {
        padding: 20px;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: flex-start;
        grid-column-gap: 10px;
        grid-row-gap: 10px;
    }
    .alumni-pic-placement {
        display: grid;
        grid-template-columns: 1fr;
        align-items: center;
        border: solid;
        border-width: 0.01px;
    }
    .pic-grid-6633{
        display:grid;
        grid-template-columns: 2fr 1fr;
        justify-content: space-evenly;
        align-items: flex-end;
    }
}

@media (max-width:576px) {
    .member-people-pics {
        padding: 20px;
        display: grid;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        align-items: flex-start;
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        flex-basis: 100%;
    }
    .people-pics {
        padding: 20px;
        display: grid;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        align-items: flex-start;
    }
    .alumni-people-pics {
        padding: 20px;
        display: grid;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        align-items: flex-start;
        grid-column-gap: 10px;
        grid-row-gap: 10px;
    }
    .alumni-pic-placement {
        display: grid;
        grid-template-columns: 1fr;
        align-items: center;
        border: solid;
        border-width: 0.01px;
    }
    #dijet,#jetprod,#resnucprod,#qcdphase {
        width: 100%;
        align-self: center;
    }
    .double-fig {
        display: flex;
        flex-wrap: wrap;        
        width: 100%;
        justify-content: center;
    }
    .pic-grid-6633{
        display:grid;
        grid-template-columns: 1fr;
        justify-content: space-evenly;
        align-items: flex-end;
    }
}