body {
font-size:14px;
}

#mainBody h2 {
margin-top: 32px!important;
}

#mainBody h2:first-of-type {
margin-top: 16px!important;
}

#mainBody h3 {
margin-top: 32px!important;
}

#topNav {
border-bottom: 0px;
padding: 0px;
}


/* Menu Items */
#topNav > li{
padding: 4px 8px;
}


/* Sub Menu Items */
#topNav > li a {
font-size: 11px;
padding: 0px 4px 0 8px;
}

.contact-info {
display: flex;
align-items: flex-start;
align-content: flex-start;
justify-content: space-between;
}
.contact-details {
width: 40%;
min-width: 320px;
padding-right: 16px;
flex-grow: 1;
}
.contact-info .iframe-container {
width: 60%;
flex-grow: 1;
max-width: calc(100% - 320px);
}

@media(max-width: 767px) {
.contact-info {
flex-wrap: wrap;
}
.contact-details {
width: 100%;
}
.contact-info .iframe-container {
width: 100%;
}
}

.pageFooter {
margin-top: 32px;
margin-bottom: 8px;
border-top: solid 1px rgba(0,0,0,0.15);
}

.footer-content {
display: flex;
align-items: flex-start;
align-content: flex-end;
justify-content: space-between;
flex-wrap: wrap;
margin: 16px 0px;
}

.footer-menu {
flex-grow: 1;
max-width: calc(100% - 40px);
}

.footer-menu ul {
list-style: none;
padding: 0px;
margin: 0px;
}

.footer-menu li {
text-indent: 0px;
display: inline-block;
margin: 0px 4px 0px 0px;
}

.footer-social {
width: 40px;
text-align: right;
}

.link-btn {
color: white;
padding: 4px 8px;
background: #000;
text-decoration: none;
font-weight: bold;
}

.orng-btn {
color: white;
padding: 4px 8px;
background: #E9A624;
text-decoration: none;
font-weight: bold;
}


i.fas {
font-family: FontAwesome;
font-size: 16px;
}

@media(max-width: 600px) {
.footer-content {
margin-bottom: 8px;
}
.footer-menu {
width: 100%;
max-width: unset;
text-align: center;
margin-bottom: 16px;
}
.footer-menu li {
margin: 4px;
}
.footer-social {
width: 100%;
max-width: unset;
text-align: center;
}
.footer-social a {
font-size: 24px;
margin: 4px;
}
}


/* Mobile Containers - Flexing */
.flex-container {
display: flex !important;
align-items: flex-start;
justify-content: space-between;
}
.flex-half {
width: 50%;
max-width: 50%;
flex-grow: 1;
}
.flex-one-third {
width: 33%;
max-width: 33%;
flex-grow: 1;
}
.flex-two-third {
width: 66%;
max-width: 66%;
flex-grow: 1;
}
@media(max-width: 640px) {
.flex-container {
flex-wrap: wrap;
}
.flex-half, .flex-one-third, .flex-two-third {
width: 100%;
max-width: 100%;
}
}