/* Add here all your CSS customizations */
body{
font-family: 'Montserrat', sans-serif;
}


.bg-secondary-custom{
	background-color:rgba(255, 255, 255, 0) !important;
}

.bg-primary-custom{
	background-color:#04bcc900 !important;
}

.text-color-primary-custom{
	color:#0E508D !important;
}

@media (min-width: 992px){
#header .header-nav.header-nav-links nav > ul li:hover > a {
    color: #4B8FCB !important;
}
}

#header .header-btn-collapse-nav {
    background: #000000;
}

h1.text-color-dark{
	color:#fff !important;
    font-size: 80px!important;
    margin-top: 260px!important;
}

section.section {
    background: rgb(255, 255, 255);
}

#header .header-nav.header-nav-links.header-nav-light-text nav > ul > li > a{
		color:#000;
}

html .btn-dark {
    background-color: #0E508D;
    border-color: #0E508D #0E508D #0a0c0d;
    color: #FFF;
}

.overlay:before {

    background: #fff;
}

.col-half-section {
    margin-left: 0px!important;
}

.section-scroll-dots-navigation.section-scroll-dots-navigation-colored{
    display: none;
}

#header .header-row {
    display: flex;
    flex-grow: 1;
    align-items: center;
    align-self: stretch;
    max-height: 100%;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}

@media (max-width: 991px){
.col-half-section {
   
    margin: 0 0 !important;
    
}
}

@media (max-width: 1024px){

  footer#footer{
position: relative !important;
    /* display: none; */
    background: #298d9d !important;
    margin-top: 0;
 
}
}

@media (max-width: 500px){

    h1.text-color-dark{
        font-size: 60px!important;
    }


}