/* Custom CSS Overrides */

.site-header .widget-area h3 {
	font-size: 20px;
}

.site-header .simple-social-icons ul li {
	margin-bottom: 0 !important;
}

@media (max-width: 960px) {
	.site-header .title-area {
		width: 40%;
	}

	.site-header .widget-area {
		width: 60%;
	}

	.site-header .wrap {
		border-bottom: 2px solid #017a0f;
	}

	.site-header .widget-area h3 {
		font-size: 16px;
		margin-bottom: 5px;
	}

	.site-header .simple-social-icons ul li {
		margin-bottom: 0 !important;
	}

	.site-header #text-2 {
		margin-top: 10px;
	}

	.site-header .simple-social-icons ul li a, .site-header .simple-social-icons ul li a:hover {
		padding: 5px;
	}

	.header-image .site-title > a {
		max-width: 100%;
		background-size: 100%;
	}

	.ubermenu-responsive-toggle {
		background-color: #ededed !important;
	}
}



@media (max-width: 650px) {
	.site-header .title-area {
		width: 100%;
		float: none;
		text-align: center;
	}

	.site-header .widget-area {
		width: 100%;
		float: none;
		padding-top: 10px;
		text-align: center;
		clear: both;
	}

	.site-header .widget-area h3 {
		display: inline;
		margin: 0 10px;
	}

	.site-header .simple-social-icons {
		display: none;
	}
}



@media (max-width: 450px) {
	.site-header .widget-area {
		padding-top: 0;
	}
}