@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Lato:300,400');
@import url('https://fonts.googleapis.com/css?family=Raleway:300,400');

.banner_title {
	font-family: 'raleway', sans-serif;
	font-size: 30px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight:300;
	line-height: 33px;
}

.banner_caption {
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight:200;
	padding-top:12px;
	line-height: 20px;
}

.banner_black_box {
	padding-top: 40px;
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 40px;
	background-repeat: no-repeat;
}

.banner_container{
	background-repeat:no-repeat;
	background-position:center center;
	background-position:center;

}
.banner_background {
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
	overflow:hidden; 
	width:100%; 
	height: 420px;
	margin:0 auto;
		/*-webkit-animation: my_anim 1.25s;*/
}

@-webkit-keyframes my_anim
{
	0% {opacity:0.0;left:20px;}
	100%{opacity:1.0;left:0px}
}	
.project_banner_caption {
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight:200;
	padding-top:12px;
	line-height: 20px;
	text-transform: lowercase;
}


@media screen and (max-width:600px){

 .banner_background{
	height:200px;
	background-size: auto 200px;
	}	

 .banner_black_box{
	width: 90px !important;
	height:70px  !important;
	background-size:100px !important;
	top: 110px !important;
}