section:nth-of-type(odd) {
    background-color: #f1f1f1; 
}

html,
body,
header,
#intro {
    height: 100%;
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
    color: #F18523; 
}

.brand-dark {
    color: #0C183E;
}

hr {
    border-color: #F1BC1C
}

.navbar {
    background-color: #0C183E
}

.navbar .navbar-brand {
    color: #F18523
}

#breakaway-icon {
    height: 2rem;
} 

.navbar-dark .navbar-brand:hover, 
.navbar-dark .navbar-brand:focus, 
#breakaway-icon :hover, 
#breakaway-icon :focus {
    color: #F18523; 
}

.navbar-dark .navbar-nav .show > .nav-link, 
.navbar-dark .navbar-nav .active > .nav-link, 
.navbar-dark .navbar-nav .nav-link.show, 
.navbar-dark .navbar-nav .nav-link.active {
    color: #F18523
}

.navbar-dark .navbar-nav .show > .nav-link:hover, 
.navbar-dark .navbar-nav .active > .nav-link:hover, 
.navbar-dark .navbar-nav .nav-link.show:hover,
.navbar-dark .navbar-nav .nav-link.active:hover {
    color: #F18523
}

.navbar-dark .navbar-nav .nav-link {
    color: #F2F2F3; 
}

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

#intro {
    background: url("/assets/img/buildings.jpeg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#intro .jumbotron {
    background: rgba(220, 220, 220, 0.9);
    margin-top: 15%; 
}

.btn-primary { 
    background-color: #F18523; 
    border-color: #F18523
}

.btn-primary:hover { 
    background-color: #F27127; 
    border-color: #F27127
}

.btn-outline-primary {
    border-color: #F18523; 
    color: #F18523; 
}

.btn-outline-primary:hover {
    border-color: #F18523; 
    color: #F2F2F3; 
    background-color: #F18523
}

.card-body h2 i {
    color: black; 
}

#who-we-are img {
    width: 200px; 
}

.image-section {
    background: url("/assets/img/woman_walking.jpeg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 75%; 
}

.image-section > div {
    height: 100%; 
}

#footer {
    height: 15%; 
    background-color: #0C183E; 
}

#footer > div {
    height: 100%; 
    background-color: #0C183E; 
}

svg .cls-1, 
svg .cls-2 {
    fill:#F18523 !important; 
}

svg .cls-3, 
svg .cls-4 {
    stroke: #F18523 !important; 
}