body, p, div, span, a {
    font-family: 'IberPangeaText', 'Roboto', sans-serif;
}

body {
    padding-top: 93px;
    background: #fff5ec;
}

.body-wrap {
    padding-top: 32px;
    padding-bottom: 32px;
}

.kh-contentwrapper {
    padding-top: 32px;
    padding-bottom: 64px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'IberPangea';
    font-weight: 400;
}

h1, h2, h3 {
    color: #00a443;
}

h2, h3 {
    font-weight: bold;
}

h4 {
    color: #00402A;
}

h5 {
    color: #89837e;
}

p, li {
        font-size: 1.1rem;
}

a {
    color: #00a443;
    font-weight: bold;
}

a:hover {
    color: #004023;
    text-decoration: none;
}

hr {
    color: #D8CFC7;
    opacity: 1;
}

nav li {
    font-size: 1rem;
}

.li-margin li {
   margin-bottom: 18px; 
}

.kh-lightbg {
    background: #fff5ec;
}

.button-text {
    display: inline-block;
    font-size: .8em;
    border-radius: 6px;
    color: white;
    padding: 12px;
    padding-bottom: 8px;
    margin: 6px;
    background-color: #00a443;
}

.carousel-indicators [data-bs-target] {
    height: 30px;
    width: 30px;
    border-radius: 100%;
}

.list-group {
    border-radius: 0;
}

.list-group-item {
    border-right: none;
    border-left: none;
}

.list-group-item:first-child {
    border-top: none;
}

.list-group-item:last-child {
    border-bottom: none;
}

.list-group a {
    font-weight: 900;
    font-size: 13px; 
    color: #000000;
    letter-spacing: 1px; 
    line-height: 65px;
}

.list-group .sub-list-group {
    font-weight: 300;
    line-height: 45px;
}

.list-group a:hover {
    color: #427314;
    background-color: #E8E9E9;
}

.list-group .active {
    color: #427314;
    background-color: #E8E9E9;
    border-color: #D4D8D7;
}


.kh-icon {
    color: #00A443;
    margin: 12px auto;
}

.card {
    background-color: #fff5ec;
    border-radius: 12px;
    margin-bottom: 12px;
}

.card .card-title {
    color: #00A443;
    font-weight: bold;
    font-size: 1.2em;
}

.card .card-text {
    color: #00402A;
    font-size: 1em;
}

.jumbotron {
    padding-top: 120px;
    padding-bottom: 120px;
    border-bottom: solid 0px #BABEBF;
    color: white;
    background-position: 50% 70%;
}


.jumbotron h1 {
    color: white;
    display: table; /* keep the background color wrapped tight */
    padding:24px;
    border-radius: 12px;
        /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(8, 164, 74);
    /* RGBa with less opacity */
    background: rgba(8, 164, 74, 0.75);
    background-color: #00a443;

}

@media (max-width: 991.98px) { 
    .jumbotron h1 {
        margin: 0px auto 0px auto;
    }
}


.jumbotron-home {
    background: url("/media/01 header.jpg") #00a443 repeat no-repeat;
    background-size: cover;
    background-position: center;
}

.jumbotron-home .header-small-box {
    display: table; /* keep the background color wrapped tight */
    padding:24px;
    border-radius: 12px;
    color: white;
    background: RGB(13,169,255);
    background: RGBa(13,169,255,0.95);
    background-color: #0da9ff;
    
}

@media (min-width: 991.98px) {
    .header-small-box {
        width: 61%;
    }
    .jumbotron-home span p {
        font-size: 1.3em;
}
}

.jumbotron-home h3 {
    color: white;
}

.jumbotron-events {
    background: url("/media/events-header.jpg") #00a443 repeat no-repeat;
    background-size: cover;
}

.jumbotron-virtualtour {
    background: url("/media/voh-background.jpg") #00a443 repeat no-repeat;
    background-size: cover;
    background-position: center;    
}


.jumbotron-how-osw-works {
    background: url("/media/how-osw-header.jpg") #00a443 repeat no-repeat;
    background-size: cover;   
}

.jumbotron-about {
    background: url("/media/03 About header.jpg") #00a443 repeat no-repeat;
    background-size: cover;
    background-position: center;
}

.jumbotron-benefits {
    background: url("/media/benefits-header.jpg") #00a443 repeat no-repeat;
    background-size: cover;
    background-position: center;    
}

.jumbotron-whyoffshore {
    background: url("/media/whyoffshore.png") #00a443 repeat no-repeat center;
    background-size: cover;
}

.jumbotron-projectoverview {
    background: url("/media/projectoverview.png") #00a443 repeat no-repeat center;
    background-size: cover;
}

.jumbotron-permitting {
    background: url("/media/permitting-header.jpg") #00a443 repeat no-repeat center;
    background-size: cover;
}

.jumbotron-community {
    background: url("/media/10-community header copy.jpg") #00a443 repeat no-repeat center;
    background-size: cover;
}

.jumbotron-vendors {
    background: url("/media/15 vendors header copy.jpg") #00a443 repeat no-repeat center;
    background-size: cover;
}

.jumbotron-resources {
    background: url("/media/resources.png") #00a443 repeat no-repeat center;
    background-size: cover;
    background-position: 50% 100% !important;

}

.jumbotron-news {
    background: url("/media/news-header.jpg") #00a443 repeat no-repeat center;
    background-size: cover;
}

.jumbotron-newsroom {
    background: url("/media/news-header.jpg") #00a443 repeat no-repeat center;
    background-size: cover;
}

.jumbotron-learn-more {
    background: url("/media/12- take action header.jpg") #00a443 repeat no-repeat center;
    background-size: cover;

}

.jumbotron-military {
    background: url("/media/militaryheader.jpg") #00a443 repeat no-repeat center;
    background-size: cover;
}

.jumbotron-virginia-beach {
    background: url("/media/virginia-beach.jpg") #00a443 repeat no-repeat center;
    background-size: cover;
}

.jumbotron-north-carolina {
    background: url("/media/north-carolina.jpg") #00a443 repeat no-repeat center;
    background-size: cover;
}

.jumbotron-who-we-are {
    background: url("/media/11 - who we are header copy.jpg") #00a443 repeat no-repeat;
    background-size: cover;
    background-position: 50% 30%;
}

.jumbotron-fishers {
    background: url("/media/06 - for fishers header.jpg") #00a443 repeat no-repeat center;
    background-size: cover;
    background-position: 50% 90%;
}

.virtualtour-box {
    text-align: center;
    display: table; /* keep the background color wrapped tight */
    padding:24px;
    border-radius: 12px;
    color: white;
    background-color: #0da9ff;
    background: RGB(13,169,255);
    background: RGBa(13,169,255,0.95);    
}

.virtualtour-box h3 {
    color: white;
}

@media (min-width: 991.98px) {
    .virtualtour-box {
        width: 61%;
        margin: 24px auto;
    }
    .jumbotron-virtualtour span p {
        font-size: 1.3em;
}
}

.anchor {
    display: block; position: relative; top: -105px; visibility: hidden;
}

.pdf-thumbnails img {
    max-height: 275px;
}


.kh-navbar-nav a {
    color: #00a443;
}

.kh-navbar-nav a:hover {
    color: #007f33;
}

.kh-navbar-nav a.active {
    color: #007f33;
}

.navbar-toggler {
    border-radius: 0;
    border-color: #707070;
}

.nav-item {
    margin-left: 7px;
    margin-right: 7px;
}

.dropdown:hover .dropdown-menu {
  display: block;
}


#newsroom-tab .nav-link {
    border-radius: 0;
    color: #3C4440;
}

#newsroom-tab .nav-link:hover {
    color: #276015;
}

#resources-tab .nav-link {
    border-radius: 0;
    color: #3C4440;
}

#resources-tab .nav-link:hover {
    color: #276015;
}

.dropdown-menu {
    border-radius: 0;
    border: none;
    background-color: #fff5ec;
}

.dropdown-menu li a:hover {
    background: none;
}

.mainheader {
    padding-top: 36px;
    padding-bottom: 36px;
}

.homepage-wrapper {
    background: url("/media/1600045546.jpg") #0063BE repeat no-repeat center;
    padding-top: 0px;
    padding-bottom: 0px;
}

.homepage-content {
    color: white;
    background: rgb(98, 105, 113, 0.3);
}

.homepage-content h2 {
    color: white;
}

.homepage-content a {
    color: white;
}

.footerstyle {
    color: white;
    padding-top: 36px;
    padding-bottom: 36px;
}

.footer a {
    color: #D4D8D7;
}

.footer a:hover {
    color:white;
}

.footer h1, .footer h2, .footer h3, .footer h4, .footer h5 {
    color: white;
}

.form-control:focus {
    border-color: white;
    box-shadow: none;
}

.kh-button {
    border-color: #00a443;
    color: #00a443;
}

.kh-button:hover {
    background-color: #00a443;
    color: white;
}

.kh-button-green {
    border-color: #00a443;
    color: white;
    background-color: #00a443;
}

.kh-button-green:hover {
    background-color: #007f33;
    color: white;
}

.kh-button-blue {
    border-color: #0DA9FF;
    color: white;
    background-color: #0DA9FF;
}

.kh-button-blue:hover {
    background-color: #007ACB;
    color: white;
}

.kh-button-orange {
    border-color: #FF9C1A;
    color: white;
    background-color: #FF9C1A;
}

.kh-button-orange:hover {
    background-color: #E3850D;
    color: white;
}

.kh-button-neg {
    border-color: white;
    color: white;
}

.kh-button-neg:hover {
    color: #00a443 !important;
    background-color: white;
}

.kh-button-neg-blue {
    border-color: white;
    color: white;
}

.kh-button-neg-blue:hover {
    color: #007ACB !important;
    background-color: white;
}

.kh-button-auto {
    width: auto;
    margin: 8px;
}

.btn {
    text-transform: uppercase;
}

.btn-align-right {
    display: inline-block;    
    text-align: right;
}

.kh-navbar-nav .kh-button-green {
    border-color: #00a443;
    color: white;
    background-color: #00a443;
}

.kh-navbar-nav .kh-button-green:hover {
    background-color: #007f33;
    color: white;
}

.kh-button-large {
    width: 100%;
    padding: 12px 18px;
}

.kh-socialicons { 
    margin-top: 12px;
    margin-bottom: 12px;
}

.kh-socialicons a {
    font-size: 1.8rem;
    margin-right: 6px;
}


.kh-socialicons-top a {
    font-size: 1.6rem;
}

.footer a {
    font-weight: normal;
    color: white;
}

.footer h4 {
    font-weight: bold;
}


.card {
    border: none;
}

.card-bgcolor {
    background: #427314;
}

.card h3, .card h4 {
    color: #427314;
}

.card img {
    width: 50px;
    height: 50px;
    display: inline-block;
    filter: grayscale(100%);
}

.card sup a {
    color: #427314;
    text-decoration: underline;
}

.kh-plain-labels img {
    border: solid 3px #218541;
    border-radius: 12px;
}

#osw-diagram {
    display: none;
}

@media (min-width: 991.98px) {
    .kh-plain-labels {
        display: none;
    }
    .kh-plain-labels img {
        display: none;
    }
    #osw-diagram {
        display: block;
    }
}

#osw-diagram {
    border: solid 3px #218541;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: auto;
}

.tooltip-inner { 
    background-color:#00AAE7;
    border-color: #00AAE7;
    text-align: left;
}

[data-placement="right"] + .tooltip > .tooltip-arrow { 
    border-right-color: #00AAE7;

}

.hover-instruction {
    font-style: italic;
    font-size: 1.1em;
    position: absolute;
    bottom: 1em;
    left: 1em;
}
@media (min-width: 1194px) {
    .hover-instruction {
        font-size: 1.2em;
    }
}

.hover-disclaimer {
    display: none;
}
@media (min-width: 991.98px) {
    .hover-disclaimer {
        display: block;
        position: absolute;
        right: 1em;
        bottom: 1em;
        font-style: italic;
        font-size: 0.9em;
    }
}

#osw-diagram .kh-label {
    position: absolute;
    border: none;
    border-radius: 50%;
    background: #00AAE7;
    color: white;
    font-weight: bold;
    width: 36px;
    line-height: 36px;
    text-align: center;
}

#osw-diagram .kh-label-1 {
    left: 27%;
    top: 37%;
}

#osw-diagram .kh-label-2 {
    left: 25%;
    top: 62%;
}

#osw-diagram .kh-label-3 {
    left: 41%;
    top: 46%;
}

#osw-diagram .kh-label-4 {
    left: 53%;
    top: 79%;
}

#osw-diagram .kh-label-5 {
    left: 72%;
    top: 34%;
}

#osw-diagram .kh-label-6 {
    left: 79%;
    top: 79%;
}

#osw-diagram .kh-label-7 {
    left: 87%;
    top: 26%;
}

.kh-bio-wide {
    border-radius: 24px;
    font-size: 1.2rem;
}

.kh-bio-wide img {
    position: inherit;
    top: inherit;
    border-radius: 12px;
    margin-bottom: 12px;
}


@media (min-width: 991.98px) {
    .kh-bio-wide img {
        position: relative;
        top: -36px;
    }
    .kh-bio-wide {
        font-size: 1.4rem;
    }
}


.kh-military-bg {
    background: url("/media/militarytile.png") #0063BE repeat no-repeat center;
}

.kh-fishing-bg {
    background: url("/media/fishingtile.png") #0063BE repeat no-repeat center;
}

.kh-econdev-bg {
    background: url("/media/econdev.png") #0063BE repeat no-repeat center;
}

.kh-imgtextbox h3 {
    color: white;
}

.kh-imgtextbox {
    background: #427314;
}

.kh-imgtextbox a {
    color: #D4D8D7;
    text-decoration: none;
}

.kh-imgtextbox a:hover {
    color: white;
    text-decoration: none;
}

.kh-resource-thumb img {
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 30%);    
    max-height: 256px;
}

.kh-resource-thumb span {
    font-size: 0.8;
    line-height: 2.5rem;
}

.kh-contact-form input {
    border-radius: 0;
}

.kh-contact-form input:focus {
    border-color: #427314;
}

.kh-contact-form textarea {
    border-radius: 0;
}

.kh-contact-form textarea:focus {
    border-color: #427314;
}

.img-thumbnail {
    width: 400px;
    height: 300px;
    margin: 12px auto;
    object-fit: cover;
    border: none;
    border-radius: 10px;
    background-color: unset;
}
@media (min-width: 991.98px) {
    .img-thumbnail {  
    }
}

.img-thumb {
    width: 99%;
    height: auto;
    margin: auto;
    object-fit: contain;
    object-position: top;
    border: none;
    background-color: unset;
}
@media (min-width: 991.98px) {
    .img-thumb {  
    }
}

.float-right {
    float: none;
}
@media (min-width: 991.98px) {
    .float-right {  
        float: right;
    }
}

#projectoverview .card {
    background: white;
    background: rgba(255,255,255,0.8);
}

#projectoverview h5 {
    color: black;
}



#projectoverview #collapseOne {
    background: url(/media/po1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

}

#projectoverview #collapseTwo {
    background: url(/media/po2.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

}

#projectoverview #collapseThree {
    background: url(/media/po3.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

}

#projectoverview #collapseFour {
    background: url(/media/po4.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

}


#projectoverview .accordion-item {
    border-radius: 0;
}

#projectoverview .accordion-button {
    background-color: #E8E9E9;
    font-size: 1.8rem;
}

#projectoverview .accordion-button:not(.collapsed) {
    color: white;
    background-color: #427314;
    font-size: 1.8rem;
}

#projectoverview .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    
}

#projectoverview .accordion-button:focus {
    box-shadow: none;
}


.kh-project-card {
    border-radius: 0;
    margin-bottom: 12px;
}

.kh-project-card a {
    border-radius: 0;
    border-color: #427314;
    background-color: white;
    color: #427314;
}

.kh-project-card a:hover {
    background-color: #427314;
    color: white;
}

.kh-project-card .disabled {
    color: #BABEBF;
}

.pdf-gallery img {
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 30%);    
    max-height: 256px;
}

.kh-accordion-green {
    background-color: #00a443;
    color: white;
}

.kh-accordion-blue {
    background-color: #0da9ff;
    color: white;
}

.kh-accordion-green .accordion-button {
    background-color: #00a443;
    color: white;    
}

.kh-accordion-blue .accordion-button {
    background-color: #0da9ff;
    color: white;    
}

.kh-accordion-green .accordion-button::after {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.kh-accordion-blue .accordion-button::after {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-button {
    font-size: 1.35rem;
    font-weight: bold;
}

.accordion-body {
    font-size: 1.25rem;
}

.accordion-button:focus {
    box-shadow: none;
}

.accordion-item, .accordion-button {
    border-radius: 5px;
}

.accordion-button:not(.collapsed) {
    box-shadow: none;
    background-color: inherit;
}

/* Makes Accordions White */
/*
#accordionExample3 .accordion-button {
    color: #00402A;
}

#accordionExample3 .accordion-button:not(.collpased) {
    color: #00402A;
}
*/
/* END */

/* Makes Accordions Blue */
#accordionExample3 .accordion-button {
    background-color: #0da9ff;
    color: white;   
}

#accordionExample3 .accordion-item {
    background-color: #0da9ff;  
    color: white;
}

#accordionExample3 .accordion-button::after {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
/* END */

#accordionExample3 li:not(:last-child) { 
   margin-bottom: 12px;  
}

#accordionExample3 li a {
    font-weight: normal;
    color: white;
}

.mt-6 {
    margin-top: 4.5rem;
}

.mb-6 {
    margin-bottom: 4.5rem;
}

.my-6 {
    margin-bottom: 4.5rem;
    margin-top: 4.5rem;
}

.mt-7 {
    margin-top: 6rem;
}

.mb-7 {
    margin-bottom: 6rem;
}

.my-7 {
    margin-bottom: 6rem;
    margin-top: 6rem;
}

.gx-6 {
    --bs-gutter-x: 5em;
}

.gx-7 {
    --bs-gutter-x: 7em;
}

.quick-links a {
    text-decoration: none;
}

.quick-links-cell {
    border: solid 2px #00a443;
    border-radius: 12px;
    text-align: center;
    color: #00a443;
    font-weight: bold;
}

.quick-links-cell:hover {
    border-color: #004023;
    color: #004023;
}

.quick-links-cell i {
    font-size: 5rem;
    line-height: 1.2;
}

@media(min-width: 767px) {
    .quick-links-cell i {
        font-size: 8rem;
        line-height: 1.2;        
    }
}

.quick-links-cell-sm i {
    font-size: 4rem;
    line-height: 1.2;
}

@media(min-width: 767px) {
    .quick-links-cell-sm i {
        font-size: 6.7rem;
        line-height: 1.2;        
    }
}

.word-bubble {
    text-align: center;
}

.word-bubble ul li {
    color: white;
    display: inline-block;
    border-radius: 12px;
    padding: .5em 1em;
    margin: .5em;
}

@media(min-width: 995px) {
    .word-bubble ul li {
    font-size: 1.3rem;
    }
}

.word-bubble ul li:nth-child(odd) {
    background-color: #00a443;
}

.word-bubble ul li:nth-child(even) {
    background-color: #0da9ff;   
}

.category-tags a {
    font-size: 1.2rem;
    text-transform: uppercase;
    text-decoration: none;
}

.category-tags a:hover {
    color: white;
}

.carousel-inner {
    border-radius: 24px;
}

.carousel-caption p {
    background-color: #00a443;
    color: white;
    display: inline-block;
    border-radius: 12px;
    padding: .5em 1em;
    margin: .5em;
    font-weight: bold;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.7));
    width: 3em;
    height: 3em;
}

.event-date, .event-tag {
    color: #7E7A78;
    font-size: 0.8em;
}

.event-tag {
    color: #00a443;
    font-weight: bold;
    text-transform: uppercase;
}

.event-tag-upcoming {
    background-color: #FF9C1A;
    color: white;
    font-weight: bold;
    display: inline-block;
    font-size: 0.8em;
    padding: 8px 12px 4px 12px;
    margin: 2px 6px 2px 2px;
    text-transform: uppercase;
    border-radius: 12px;
}

.event-fishing, .event-public-meeting, .event-outreach, .event-community {
    background-color: #00a443;
    color: white;
    font-weight: bold;
    display: inline-block;
    font-size: 0.8em;
    padding: 8px 12px 4px 12px;
    margin: 2px 6px 2px 2px;
    text-transform: uppercase;
    border-radius: 12px;
}

.event-fishing {
    background-color: #FF9C1A;
}

.event-public-meeting {
    background-color: #218541;
}

.event-outreach {
    background-color: #00a443;
}

.event-community {
    background-color: #0da9ff;
}


.bold {
    font-weight: bold;
}

.box-shadow {
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 30%);  
}

.kh-bg-darkgray {
    background-color: #3a3735;
}

.kh-bg-gray {
    background-color: #615d5a;
    border: solid 0 #615d5a;
}

.kh-bg-green {
    background-color: #00a443;
    border: solid 0 #00a443;
}

.kh-widegreen {
    background-color: #00a443;
    color: white;
    padding-left: 0;
    padding-right: 0;
    padding-top: 48px;
    padding-bottom: 48px;
}

.kh-widegreen h2 {
    color: white;
}

.kh-green {
    color: #00a443;
}

.kh-midgreen {
    color: #2F6852;
}

.kh-altgreen {
    color: #218541;
}

.kh-blue {
    color: #0da9ff;
}

.kh-orange {
    color: #FF9C1A;
}

.kh-white {
    color: white;
}

.kh-darkgreen {
    color: #00402A;
}


.kh-green-bg {
    background-color: #00a443;
    color: white;
    border: solid 0 #00a443;

}

.kh-altgreen-bg {
    background-color: #218541;
    color: white;
    border: solid 0 #218541;

}

.kh-blue-bg {
    background-color: #0da9ff;
    color: white;
    border: solid 0 #0da9ff;


}

.kh-orange-bg {
    background-color: #FF9C1A;
    color: white;
    border: solid 0 #FF9C1A;

}

.kh-lightgray-bg {
    background-color: #D7CFC5;
    color: #00402A;
    border: solid 0 #D7CFC5;

}

.kh-blue-bg h1,
.kh-blue-bg h2,
.kh-blue-bg h3,
.kh-blue-bg h4,
.kh-blue-bg h5,
.kh-blue-bg h6 {
  color: white;
}

.kh-green-bg h1,
.kh-green-bg h2,
.kh-green-bg h3,
.kh-green-bg h4,
.kh-green-bg h5,
.kh-green-bg h6 {
  color: white;
}

.kh-orange-bg h1,
.kh-orange-bg h2,
.kh-orange-bg h3,
.kh-orange-bg h4,
.kh-orange-bg h5,
.kh-orange-bg h6 {
  color: white;
}

.kh-blue-bg a,
.kh-green-bg a,
.kh-orange-bg a {
  color: #eeeeee;
}

.kh-blue-bg a:hover,
.kh-green-bg a:hover,
.kh-orange-bg a:hover {
  color: white;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}