/* Enter Your Custom CSS Here */
body {font-family: 'Roboto', Arial, Helvetica Neue, Helvetica, sans-serif;}
.section-header .h1, .section-header h1, .section-header .h2, .section-header h2 {text-transform: none;}
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a, .h a {color: #3f3f3f;}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .h {color: #3f3f3f;font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;}
.heading h3 {font-weight: 600;}
#nav > ul li.active > a {color:#000;}
#nav > ul a::before {background:#9cc448;}
.project .img-holder .play-btn:hover {color: #fcdb30;}
.visual {background-color: #3f3f3f;}
.visual::before {
    background: 
    rgba(255, 228, 97, 0);
    z-index: -1;
}
.visual-caption:after {
		min-height: 700px;
	}
.visual-caption {white-space: nowrap;text-align: left;}
.visual-caption .align {padding: 150px 16px 38px 162px;max-width: 1024px;}
.visual-caption .align h1, .visual-caption .align h2 {color:#fff;}
.visual-caption h2 {font-size: 22px;}
.btn {background: #fcdb30;border:none;}
.btn:hover {background: #ffec8d;border:none;}
.section-header .h1::before, .section-header h1::before, .section-header .h2::before, .section-header h2::before {background:#fcdb30;}
.container.lg {max-width: 1212px;}
.container.lg .feature {width: 50%;}