h2 p{
font-size: 26px !important;
}
header {
    min-height: 100px;
    padding: 16px 0 5px 0;
}
#additional {
    /*background-color: #F8F8F5;*/
    background-color: #FFF;
    color: #666;
}
#additional p{ color: #666;}
#additional nav {
    height: auto;
    background: #E8E5D7;
}
#additional nav a{
    padding: 10px;
}
#additional nav a{
    padding: 10px 30px;
    text-align: center;
    text-decoration: none;
    margin: 0;
    text-indent: 0px;
}
#content article #additional nav a:link, #content article #additional nav a:visited{
    color: #FFF;
    background: #368EBF;
}
#content article #additional nav a:hover, #content article #additional nav a.selected
{
    color: #368EBF;
    background: #EEEEEE;
}
#content article a.featuredFlag:link, #content article a.featuredFlag:visited
{
    color: #E8E5D7;
    text-decoration: none;
}
/**
 * Homepage
 **/
.homepage .section_Boxes .box h2{
    color: #C6BFAD !important;
}
/*.homepage header .moonlight-header-logo a {*/
.homepage section div.logo{
    display: inline-block;
    float: left;
    position: relative;
    left: -15%;
    margin-top: 10px;
}
.homepage header .moonlight-header-logo img {
    width: 80%;
    height: auto;
}
    
.homepage header {
    /*background: #FFF;*/
    
    position: absolute;
    top: 60px;
    display: block;
    z-index: 999;
    padding: 5px 50px;
    width: 90%;
    left: 5%;
    right: 5%;
    opacity: 0.95;
    border-radius: 30px;
}

.navbar-nav {
    margin-right: 30px;
}
.homepage .navbar-nav {
    width: auto;
    float: right;
    background-color: #FFF;
    margin-right: 0;
}

.hero-container #hero .container { margin-top: 120px;}

.top-bar .header-phone {
    text-align: right;
}
.hero-container #hero{
    border-top: 3px solid #2981B2;
    padding-bottom: 0;
    height: 100%;
}
.hero-container{
    border-bottom: 3px solid #2981B2;
}

#hero .heroImages{
    float: right;
    margin: 25px -5px -30px 0;
    height: auto;
    float: right;
    padding-bottom: 30px;
}
#hero .heroImages a{
    margin-bottom: -30px;
    pointer-events: none;
    cursor: default;
}
#hero img {
        width: 90%;
        border-radius: 20px;
        position: relative;
}
#hero h2 {
    text-transform: uppercase;
    margin-bottom: 20px;
    color: #DBD3BA;
}
#hero .heroDesc {
    float:left;
}
.hero-container #hero aside.heroDesc p{
    margin-bottom: 30px;
    font-size: 120% !important;
}
.hero-container #hero .container:after{
    content: '';
    display: block;
    clear: both;
}
.hero-container #hero .heroOverlay{
    background-color: rgba(0,0,0,.50);
    padding-top: 1px !important;
    height: auto;
}
.homepage #section_0{
    background-color:#E8E5D7 !important;
}
.homepage .section_Boxes .box {
    margin-bottom: 0;
    display: block;
    width: 33%;
    text-align: left;
}
.homepage .section_Boxes .box .box-paragraph{
    padding: 5px 10px;
    width: 85%;
}
.homepage .section_Boxes .box .box-paragraph p{
    
}
.homepage .section_Boxes .box h2 {
    text-transform: capitalize;
    margin-top: -23%;
    background-color: rgba(0,0,0,0.65);
    padding: 20px 0px 20px 20px;
    display: block;
    position: relative;
    width: 80%;
    margin-left: 1%;
    font-size: 150% !important;
    color: #e2dbc6;
    margin-bottom: 10%;
    
}
.homepage .section_Boxes .Image img {
    max-width: 375px;
    width: 80%;
    margin: 1% !important;
    border-radius: 10px;
    border: 2px solid #2B7EAB;
}
.homepage .custom-header address.contact-text {
    left: 80%;
    top: 18%;
}
/*
.hero-container #hero div.heroOverlay {
    background-color: rgba(225,225,225,.25);
}
.hero-container #hero .heroOverlay .container .heroImages #hero1{
    display: none !important;
}

.hero-container #hero .container .heroImages
{
    float:right;
}
.hero-container section#hero.heroBackground{
    width: 100%;
    height: 500px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 80% 75%;
}
.hero-container #hero aside.heroDesc{

}
.hero-container #hero .container {
    width: 65%;
    padding-left: 0;
    margin-left: 8%;
}
.hero-container #hero .heroImages, .hero-container #hero .heroDesc{
    float: right;
}*/
.hero-container #hero aside.heroDesc, .hero-container #hero aside.heroDesc p{
    font-family: Helvetica, Arial, sans-serif;

}
.hero-container #hero aside.heroDesc p{

}
.hero-container #hero aside.heroDesc h2{
    font-family: Helvetica, Arial, sans-serif;

}
/**
 * Products and Services
 */
.body-container section.services{
    float: left;
    width: 33%;
}
.body-container section.section h2{
    margin: 20px 0px;
}
/**
 * Site in General
 **/
#content h1 {
    padding: 15px 0;
}
header .container{
    width: 100%;
}
header .moonlight-header-logo img {
    width: 60%;
    padding-top: 1%;
}
.custom-header address.contact-text
{
    float: right;
    position: absolute;
    text-align: left;
    width: 300px;
    left: 96%;
    top: 13%;
    margin-bottom: 0;
    border-left: 2px dotted #2981B2;
    padding: 5px 20px;
    margin-left: 10px;
    z-index: 99999;
}
#content article .box-copy
{
    padding: 0;
}
#content article a:link,
#content article a:visited{
    color: #337e86;
}
#content article a:hover{
    color:#36A4B2;
}
.body-container a:link{
    color:#337e86;
    text-decoration: underline;
}
.body-container a:hover{
    color:#337e86;
    text-decoration: underline;
}
.body-container a.learnmore:link{
    text-decoration:none;
}
.body-container a.learnmore:hover{
    text-decoration:none;
}
#content a.learnmore:link, #content a.learnmore:visited,
.submit:focus, .submit:visited, .contactForm .submit,
.registerBtn button, button.register
{
    color: rgb(255, 255, 255);
    border-color: rgb(90, 173, 232);
    background: rgb(90, 173, 232);
}
#content a.learnmore:hover,
.submit:hover, .registerBtn button:hover, button.register:hover
{
    color: rgb(255, 255, 255);
    border-color: rgb(90, 173, 232);
    background: #368ebf;
}

.custom-header address.contact-text p
{
    margin-bottom: 0;
    line-height: 1.3;
    
}
header .custom-header p{
    margin-bottom: 0 !important;
}
.custom-header address.contact-text p a{
    font-size: 90% !important;
}
.custom-header address.contact-text p a:link, .custom-header address.contact-text p a:visited{
    color:#2981B2;
}
.custom-header address.contact-text p a:hover{
    color:#37abb9;
}
.custom-header address .tel a:before{
    content: '\f095';
    font-family: FontAwesome;
    padding: 0 10px 0 5px;
    color: #A0946D;
}
.custom-header address .con-form a:before{
    content: '\f0e0';
    font-family: FontAwesome;
    padding: 0 10px;
    color: #A0946D;
}
.custom-header address .sign-in a:before{
    content: '\f090';
    font-family: FontAwesome;
    padding: 0 10px;
    color: #DBD3BA;
    font-weight: normal;
}
.custom-header address .sign-in a
{
    border: 1px solid #998E6A;
    border-radius: 3px;
    background-color: #277aa8;
    padding-right: 20px;
    margin-top: 5px;
}
.custom-header address.contact-text p.sign-in a:link,
.custom-header address.contact-text p.sign-in a:visited{
    color: #FFF !important;
}
.custom-header address.contact-text p.sign-in a:hover{
    background-color:#37abb9;
}
.body-container, body{
    background-color:#E8E5D7 !important;
    color: #333;
}
/**
 * Footer
 **/
.footer-container .note, .footer-container .note * {
    font-size: 88% !important;
}
footer h4{
    color: #D6CFBD;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10%;
    
}
footer .quickLinks ul a:link, footer a:link,
footer .quickLinks ul a:visited, footer a:visited{
    color: #57cedb;
}
footer .quickLinks ul a:hover, footer a:hover{
    color: #36A4B2;
}
.subpage.page-about #content h1{
    margin-top: -30px;
}
.subpage.page-about .learnmore
{
    width: 100%;
}
/** Hide items **/
.subpage.page-about #content section img:nth-child(1),
.subpage.page-about #content h1:nth-child(1),
.subpage.page-about #content section p:nth-child(3)
{
    display: none;
}
/**
 * Media Queires
 */
.floating-broker-check{
        top: 0;
        right: 0;
        border: 2px solid #2981B2;
    }
@media (min-width: 1403px){
    #hero .heroDesc {
        margin-left: -10%;
    }
    #hero h2 {
        margin-top: -30px;
        font-size: 250% !important;
    }
    #hero .heroImages a{
        margin-right: -30%;
    }
}
@media (min-width: 1231px) and (max-width: 1402px){
    #hero .heroDesc {
        margin-left: 0;
    }
    #hero h2 {
        font-size: 220% !important;
        margin-right: 100px;
        margin-top: -50px;
    }
    #hero .heroImages a{
        margin-right: -10%;
    }
    .hero-container #hero aside.heroDesc p {
        font-size: 110% !important;
    }
}
@media (min-width: 1024px) and (max-width: 1226px){
    #hero .heroDesc {
        margin-left: 1%;
        width: 35%;
        margin-top: 55px;
    }
    #hero h2 {
        margin-top: -30px;
        font-size: 180% !important;
        margin-right: 15%;
    }
    #hero .heroImages a{
        margin-right: -6%;
    }
    .hero-container #hero aside.heroDesc p {
        margin-bottom: 25px;
        font-size: 110% !important;
    }
    .homepage #content section {
        margin-left: 5%;
    }
}
@media (min-width:1000px) and (max-width:1024px){
    .custom-header address.contact-text p a{
        font-size: 110% !important;
    }
    .homepage .custom-header address.contact-text {
        left: 80%;
        top: 5%;
    }
}
@media (min-width: 992px) and (max-width: 1200px){
    #hero .heroDesc {
        margin-left: 0;
        width: 35%;
        margin-top: 55px;
    }
    #hero h2 {
        margin-top: -50px;
        font-size: 160% !important;
        margin-right: 80px;
    }
    #hero img {
        width:85%;
        border-radius: 10px;
    }
    #hero .heroImages{
        margin: 24px 30px -20px 2px;
    }
    #hero .heroImages a{
        margin-right: -25%;
    }
    .hero-container #hero aside.heroDesc{
        width:38%;
    }
    .hero-container #hero aside.heroDesc p {
        margin-bottom: 25px;
        font-size: 105% !important;
    }
    .homepage #content section {
        margin-left: 5%;
    }
    .homepage header{
        min-height: 80px;
    }
    .heroDesc .learnmore{
        padding: 10px 15px;
    }
    .homepage .section_Boxes .box h2{
        font-size: 110% !important;
    }
}
/* @media (min-width: 645px) and (max-width: 995px){ */
@media (max-width: 991px){
    #content article #additional nav a:link, #content article #additional nav a:visited{
        color: #FFF;
        background: #368EBF;
    }
    #content article #additional nav a:hover, #content article #additional nav a.selected
    {
        color: #368EBF;
        background: #EEEEEE;
    }
    .homepage header {
        position: static;
        top: 0;
        display: block;
        z-index: 999;
        padding: 5px 50px;
        width: 100%;
        left: 0;
        right: 0;
        opacity: 0.95;
        border-radius: 0;
        margin-top: 0;
    }
    .homepage section div.logo {
        float: none;
        position: relative;
        left: -1%;
        margin-top: 10px;
    }
    .custom-header address.contact-text {
        float: none;
        position: static;
        text-align: center;
        width: 100%;
        left: 0;
        top: 0;
        margin-bottom: 0;
        border-left: none;
        padding: 5px 20px;
        margin-left: 10px;
        display: inline-block;
    }
    .custom-header address.contact-text p a {
        font-size: 200% !important;
        width: 100%;
    }
    .homepage .navbar-nav {
        float:none;
        background-color: transparent;
    }
    #hero{
        position:static;
    }
    #hero img {
        width: 100%;
        border-radius: 10px;
        position:static;
    }
    .hero-container #hero .container {
        margin-top: auto;
    }
    #hero h2 {
        margin-top: auto;
    }
    #hero aside.heroDesc{
        float:none;
    }
    #hero .heroImages{
        padding-bottom: 0;
        float: none;
        margin: 25px -5px 20px 0;
    }
    #hero .heroImages a{
        margin-bottom:0;
    }
    .hero-container{
        /*z-index: -1;*/
        position: static;
    }
    .body-container *, .hero-container *, footer-container * ,
    .col-sm-6, .col-sm-12 {
        /*z-index: -1;*/
        position: static;
    }
    .footer-container {
        color: white;
        position: static;
        /*z-index: -1;*/
    }
    .homepage .section_Boxes .Image img{
        width: 40%;
        float: left;
        margin-right: 4% !important;
        margin-top: 5% !important;
    }
    .homepage .section_Boxes .box{
        width: 100%;
    }
    .homepage .section_Boxes .box .box-paragraph {
        width: 50%;
        float: left;
        padding-left: 0;
    }
    .homepage .section_Boxes .box h2{
        color: #032F60 !important;
        margin-top: inherit;
        background-color: transparent;
        display: block;
        position: static;
        width: inherit;
        font-size: 200% !important;
        margin-right: 15%;
        padding-top: 5%;
        padding-bottom: 0;
        margin-bottom: 3%;
    }
}
.page-events #eventContent{

}
.page-events #eventContent .event.row{
    border: 2px solid rgb(49, 115, 152);
    padding: 5px;
    border-radius: 5px;
    background-color: rgb(254, 251, 241);
}
.page-events #eventContent h4{
    font-size: 20px !important;
    font-weight: bold;
    padding-bottom: 0px;
    margin-bottom: 0px;
    color: rgb(213, 201, 165);
    text-transform: uppercase;
    letter-spacing: 1px;
}
.page-events #eventContent .info{
    position: relative;
    background-color: rgb(49, 115, 152);
    margin: 0px;
    color: rgb(237, 237, 237);
}
.page-events #eventContent .description{

}
.page-events #eventContent .info p {
    margin-bottom: -5px;
}
.page-events #eventContent .info p:last-child {
    margin-bottom: 15px;
}
.page-events #eventContent button{
    margin-top: 15px;
    padding: 2% 4%;
    font-size: 80%;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-radius: 5px;
}
.page-events #content article .rule {
    margin: 5px 0;
    border: none;
}
@media (max-width: 766px){
    body{
        overflow-x: hidden;
        overflow-y: scroll;
      }
    #content section .container {
        padding: 30px 0;
    }
    .homepage .section_Boxes .Image img {
        width: 100%;
        float: none;
        margin: 5px auto !important;
    }
    .homepage .section_Boxes .box h2 {
        color: #032F60 !important;
        margin-top: inherit;
        background-color: transparent;
        display: block;
        position: static;
        width: 100%;
        font-size: 200% !important;
        margin: 5px auto !important;
        text-align: center;
        padding: 15px 0 !important;
    }
    .homepage .section_Boxes .box .box-paragraph {
        width: 100%;
        float: none;
        margin: 5px auto !important;
        padding: 5px 25%;
        text-align: left;
    }
    .homepage .section_Boxes .box{
        text-align: center;
        margin-bottom: 4%;
        padding-left: 0;
    }
    #hero .heroImages{
        margin: 25px -5px 20px 0;
    }
    footer section h4, footer section ul, footer .moonlight-contact-information{
        text-align:left;
    }
    footer h4{
        text-transform: uppercase;
        margin-bottom: 3%;
        border-bottom: 2px solid #3A86B0;
        padding: 2%;
    }
    footer ul, footer .moonlight-contact-information{
        margin-left: 5%;
    }
}
@media (max-width: 580px){
    .homepage .section_Boxes .box .box-paragraph{
        padding: 5px 20%;
    }
}
@media (max-width: 499px){
    .homepage .section_Boxes .box .box-paragraph{
        padding: 5px 15%;
    }
}
@media (min-width: 481px){
    
    .subpage article {
        padding: 30px 30px 10px 30px;
    }
    #additional_xs .panel-heading{
        background: #368EBF;
        color:#FFF;
    }
    #additional_xs .panel-heading:hover{
        background: #EEEEEE;
    }
    #content article .panel-group .panel-heading a:link, #content article  .panel-group .panel-heading a:visited,
    #content article .panel-group .panel-heading a.selected{
        color: #FFF;
        text-decoration: none;
    }
    #content article .panel-group .panel-heading a:hover
    {
        color: #368EBF;
        text-decoration: none;
    }

}
@media (max-width: 480px){
    body{
        color:#666;
    }
    .homepage .section_Boxes .box .box-paragraph{
        padding: 5px 2.7%;
    }
    .section.section h2{
        color: #032F60 !important;
    }
    .section_Boxes .box .box-paragraph {
        margin-bottom: 40px;
        margin-top: 20px;
    }
    .homepage .section_Boxes .Image img {
        border-radius: 10px;
        border: 2px solid #2B7EAB;
    }
}
/***Other Queries***
 */
/* custom query below 478px being ignored/ovewritten,
 * may require assistance from FMG */
@media (max-width: 480px){
    section#hero h2 {
        color: red !important;
        background: blue;
    }
}