.ccm-custom-style-homesection2-2906 {
    border-top: solid 8px #fcb813 !important;
}

.master-container .navcontrol .custom-nav-class nav ul li a, .master-container .navcontrol .custom-nav-class ul.nav li a {
    font-family: 'Open Sans', sans-serif !important;
}

#footer .nav-style2 a {
    border-color: #fcb813 !important;
}

#footmenu a {
 color: #fcb813 !important;   
}

#footmenu small a, #footmenu .ccm-block-social-links a {
 color: #fff !important;   
}



#homesection1 {
    padding-bottom: 40px !important;
}

#homesection1 h1, #homesection1 h2 {
      color: #333 !important;
}

.master-container #homesection1 p {
    color: #333 !important;
}

#homesection1 .c5box-parallax-block * {
    color: white !important;
}

.master-container #header {
    background-color: black !important;
}

#header p {
    color: #DDD !important;
}

#header p a, #footer p a {
    color: #fcb813 !important;
}

#header p a:hover, #footmenu p a:hover, #footer p a:hover   {
    color: #ffdf3c !important;
}

.master-container #header .tophead{
    background-color: #0b6738 !important;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 4px solid #fcb813;
    text-transform: uppercase;
}

 #header .tophead .container {
    padding-left: 0;
    padding-right: 0;
    display: flex;
    flex-direction: row-reverse;

}

 #header .tophead .container .col-sm-3 {
    padding-right: 0 !important;
 }
 
  #header .tophead .container .col-sm-3 a i,   #header .tophead .container .col-sm-3 a svg {
      color: white !important;
    
  }

 #header .tophead .container .col-sm-9{
    padding-left: 0 !important;
 }
 
#logo {
    margin-top: 5px;
}

.master-container #footer a:hover {
    color: #CCC;
}


/*NEW */

@media (max-width: 767px) {
   #header {
        display: flex;
        flex-direction: column; 
       
    }
    
    #header .container {
        width: 100%;
    }

    .tophead {
        order: 3;       
    }   
    
 
   
   #header .ccm-search-block-form  {
       padding-left: 0;
       padding-right: 0;
       padding-bottom: 0;
   }
   

   
   #header .col-sm-3{
      width: auto;
      margin-bottom: 5px;
   }
   
      
   #header .col-sm-3 .list-inline{
       float: right;
        margin-right: 5px;
        white-space: nowrap;
   }
   
    #header .col-sm-9{
        text-align: left;
        margin-left: 15px;
        width: auto;
   }
   
     #header .col-sm-9 p{
        font-size: 0 !important;
        line-height: 22px !important;
        margin-bottom: -5px !important;
   }
   
      #header .col-sm-9 p a{
        font-size: 13px !important;
        margin-right: 30px;
    
   }
   
     #header .col-sm-9 p a:first-of-type::before{
        content: 'Call:';
        color: white;
        margin-right: 5px;
    
   }
   
     #header .col-sm-9 p a:last-of-type::before{
        content: 'Email:';
        color: white;
        margin-right: 5px;
   }
    
    .navbar-toggle {
        border-radius: 0 !important;
        margin-top: -2px !important;
        border: none !important;
        margin-right: 5px !important;
        transform: scale(1.3);
    }
    
    #logo {
        margin-left: 15px;
    }
    
     #header .nav a {
         text-align: left;
         font-size: 100%;
         padding-top: 12px;
         padding-bottom: 12px;
    }
    
      #header .nav li li a {
         padding-left: 20px;
         font-size: 80%;
    }
    
    #header .nav .fa-caret-down {
        font-size: 170%;
        margin-left: 10px;
        transform: translateY(3px);
    }
    
    
     #header .tophead .container {
        justify-content: space-between;
        /*flex-direction: row;*/
        width: 100%;
    
    }
    
    #header .ccm-block-social-links {
        padding-top: 8px;
    }
    
    #header li {
        padding-left: 5px;
    }
    
     #header .ccm-block-social-links i, #header .ccm-block-social-links svg {
          transform: scale(1.3);
    }
    
    #innerwrapper {
        padding-top: 0 !important;
    }

    
}

#header .ccm-search-block-form button {
    height: 38px !important;
}  

#header .fw-form-wrapper {
    box-shadow: none;
}


.brimtitle h1, #innerwrapper h1 {
    font-size: clamp(30px, 4.88vw + 0.05rem, 45px) !important;
}

#innerwrapper h2 {
    font-size: clamp(16px, 3.49vw + 0.35rem, 30px) !important;
}


.hstack.ccm-search-block-form .btn-secondary {
    margin-top: 10px;
}

@media (max-width: 400px) {
    #header .tophead .container {
        flex-direction: column-reverse; 
    }
    
    #header .ccm-block-social-links {
       text-align: center;
    }
    
    #header .col-sm-3 .list-inline {
        float: none;
         
    }
}