#mainNav .navbar-nav .nav-item .nav-link {
    color: #7c7e83;
  }
  #mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover {
    color: #254A8A;
  }

#mainNav {
    background-color: #fff;;
}

#mainNav .navbar-brand img {
    height: 4rem;
}

@media (min-width: 992px) {
    #mainNav.navbar-shrink .navbar-brand svg, #mainNav.navbar-shrink .navbar-brand img {
        height: 3.5rem;
    }
}

@media (min-width: 992px) {
    #mainNav.navbar-shrink {
        padding-top: 1rem;
        padding-bottom: 1rem;
        background-color: #fff;
    }
}

header.masthead {
    padding-top: 7.5rem;
    padding-bottom: 3rem;
    background-color: #fff;
    background-image: none;
    background-repeat: repeat;
  }

  header.masthead .masthead-subheading {
    font-size: 1.5rem;
    font-style: normal;
    line-height: 1.5rem;
    margin-bottom: 25px;
    font-family: "Roboto Slab", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    background-color: #254A8A; 
}

header.masthead .container {
    background-color: #254A8A;
    min-width: 100%;
    padding-left: 20%;
    padding-right: 20%;
}

.morpho-heading {
    padding: 5%;
}

.morpho-welcome {
    padding-bottom: 4%;
}


@media (max-width: 768px) {
    .morpho-heading {
        padding: 3%; 
    }

    .morpho-welcome {
        padding-bottom: 2%; 
    }
}

@media (max-width: 480px) {
    .morpho-heading {
        padding: 2%; 
    }
    .morpho-welcome {
        padding-bottom: 1%; 
        }
}


.page-section h3.section-subheading {
    font-style: normal;
}