img {max-width: 100%;}

/* 7.5 SHOWCASE */
#showcase {background: #29b6f6;padding-top: 128px;padding-bottom: 70px;margin-top: -79px;}

#showcase .col-sm-3 {}
.custom_showcase {position: relative;}
.custom_showcase .showcase_wrap {overflow: hidden;border:2px solid #ffffff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background: #29b6f6;
-webkit-transition: .5s ease-in-out;
   -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
     -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
}
.custom_showcase .showcase_wrap:hover {background: #537bac;
-webkit-transition: .5s ease-in-out;
   -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
     -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
}
.custom_showcase .showcase_content {position: absolute;top: 41px;margin-left: 30px;width: 200px;
-webkit-transition: .5s ease-in-out;
   -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
     -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
}
.custom_showcase .showcase_wrap:hover .showcase_content {top: 20px;
-webkit-transition: .5s ease-in-out;
   -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
     -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
}
.custom_showcase h3 {font-size: 30px;line-height: 37px;color: #ffffff;text-transform: none;}
.custom_showcase h4 {font-size: 24px;text-transform: none;font-weight: 100;margin-top: 25px; opacity: 0;margin-bottom: 0px;color: #ffffff;
-webkit-transition: .5s ease-in-out;
   -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
     -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
}
.custom_showcase .showcase_wrap:hover h4 {opacity: 1;margin-top: 0px;
-webkit-transition: .5s ease-in-out;
   -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
     -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
}
.custom_showcase .showcase_wrap img {margin-left: 0px;
-webkit-transition: .5s ease-in-out;
   -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
     -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
}
.custom_showcase .showcase_wrap:hover img {margin-left: 20px;
-webkit-transition: .5s ease-in-out;
   -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
     -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
}


.custom_showcase__1 {}
.custom_showcase__2 {}
.custom_showcase__3 {}
.custom_showcase__4 {}






body
{
	/*margin: 0;
	padding: 0;
	font-family: 'Raleway', sans-serif;*/
}

.background
{
	background: #333;
	
}

/*h1
{
	font-weight: 600;
	font-size: 72px;
	color: #fff;
	text-shadow: 0px 1px 10px rgba(0, 0, 0, 0.3);
}

h2
{
	color: #fff;
	text-shadow: 0px 1px 10px rgba(0, 0, 0, 0.7);
	font-weight: 200;
	font-size: 35px;
}

p
{
	color: #fff;
	text-shadow: 0px 1px 10px rgba(0, 0, 0, 0.5);
	font-weight: 400;
	font-size: 20px;*/
}

a
{
	color: #fff;
	text-decoration: none;
	-webkit-transition: color 0.2s ease-in-out;
}

a:hover
{
	color: rgba(255, 255, 255, 0.8);
}

.text
{
	width: 80%;
	margin: 160px auto;
}