html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Open Sans', sans-serif;
    /* font-family: 'Quicksand', sans-serif; */
    --color-main: #21C8CB;
    --color-highlight: #25B8Ba;
}

.font-logo {
    font-family: 'Pacifico', cursive;
}

.bg-main {
    background-color: var(--color-main);
}

.text-main {
    color: var(--color-main);
}

.contact-section .card hr {
    border-color: var(--color-main);
}

.contact-section .card {
    border-bottom-color: var(--color-main);
}

.nav-item.active {
    background-color: var(--color-highlight);
    /* font-weight: 700; */
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.8);
}

.navbar-dark .navbar-nav .nav-link:hover {
    color: white;
}

.navbar {
    padding: 0 1rem;
}

.nav-item {
    padding: 0.1rem 1rem;
    color: white;
}

#navbarNav {
    justify-content: flex-end;
}

.section-row {
    padding: 2% 7%;
    background-color: white;
}

.circle-icon {
    float: left;
    width: 50px;
    height: 50px;
    margin-right: 20px;
    border-radius: 50%;
}

.circle-icon img {
    max-width: 60%;
}

.bg-home {
    background-color: #566270;
    /* background-image: url("img/home-head.png"); */
}

/* .bg-teaching {
    background-image: url("img/teaching-head.png");
} */

.bg-research {
    background-image: url("img/research-head.png");
}

.head {
    height: 24vw;
    background-size: cover;
    background-position: center;
    color: white;
}

.bg-gray {
    background-color: #4A4A4A;
}

.layer {
    position: absolute;
    width: 100%;
    height: 24vw;
    opacity: 0.5;
}

.front {
    z-index: 50;
}

/* footer {
    background-color: #EBEDF3;
    height: 30vh;
} */

.research-icon {
    background-image: url("research.svg");
    background-size: contain;
}

a.flex-fill {
    color: black;
    text-decoration: none;
}

.flex-rotating {
    flex-direction: row;
}

@media screen and (max-width: 768px) {
    .flex-rotating {
        flex-direction: column !important;
    }
    .flex-rotating .pill {
        margin-bottom: 1vw;
    }
    .bowler_portrait {
        height: 15rem;
        flex: none;
        max-width: 100%;
    }
}

.bg-navy {
    background-color: #566270;
}

#pratt-logo {
    width: 90px;
}

.contact-section .card h4 {
    font-family: 'Quicksand';
}

.text-small {
    font-size: 0.8rem;
}

.bowler_portrait {
    margin-left: auto!important;
    margin-right: auto!important;
    height: 300px;
    width: 300px;
    background-image: url("img/Bowler_Leanne.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.portrait {
    min-height: 20rem;
    background-position: center top;
    background-size: contain;
    background-repeat: no-repeat;
}

.shadow {
    box-shadow: 0 0 10px 0px #ddd !important;
}

.big-size-font {
    font-size: 1.2rem;
}

.project h5 {
    color: #64a19d;
}

.project .text-justify {
    text-align-last: left;
}