@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap');

body {
	font-family: 'Open Sans', sans-serif;
	color: #333;
}

h1 {
	font-family: 'Open Sans', sans-serif;
	margin-bottom: 1em;
	color: #000;
	font-weight: bold;
	font-size: 54px;
	line-height: 1.2;
}

a, .footer-style-one .social-links li a {
	color: #1f8ceb;
}

a:focus, a:hover,
.footer-style-one .social-links li a:focus, .footer-style-one .social-links li a:hover {
    color: #23527c;
}

.padding-y-1 {
	padding-top: 15px;
	padding-bottom: 15px;
}

.logo-box {
	width: 420px;
}

.fixed-header .logo-box {
	width: 300px;
}

.btn-style-one {
	padding: 12px 24px;
}

.btn-lg {
	padding: 22px 44px;
	font-size: 20px;
}

/*.btn-style-one {
	background: #25D366;
}

.btn-style-one:hover {
	background: #075E54;
}*/

.banner-three {
	padding: 280px 0px 200px;
}

.banner-three::before {
	display: none;
}

.banner-three .text-column {
    text-align: left;
}

.banner-three .text-column p {
    font-size: 20px;
}

.banner-three .text-column .links-box a {
    margin: 0;
}

.sec-title-two h2 {
    color: #000;
}

.sec-title-two h2::before {
    border-bottom: 3px solid #000;
}

.sponsors-section {
	background: #fff;
}

.footer-style-one {
	background: #eee;
}

.footer-style-one .footer-upper h3 {
    color: #000;
}

footer .logo {
	width: 200px;
	margin-bottom: 1em;
}

.call-to-action {
	background-color: #000;
	color: #fff;
	padding: 80px 0px 50px;
}

.call-to-action .text-column h2 {
	color: #fff;
}


@media only screen and (max-width: 767px){

	.main-header {
    	background: none !important;
    }

    .main-header.fixed-header {
    	background: #fff !important;
    }

	.main-header .main-box .logo-box {
		min-width: 300px;
		max-width: 50vw;
	}
	
	.main-header{
		position:fixed;
		background: #fff;	
	}

	.main-header .main-box::after {
	    display: none;
	}

	.banner-three, .banner-four {
	    padding: 150px 0px 60px;
	}

}

@media only screen and (max-width: 1023px) {

	.main-header .main-box .logo-box {
		max-width: 40vw;
	}

}
