.single-image-33 {
  float:left;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    overflow: hidden;
}

.single-image-33 img {
    height: auto;
    width: auto;
    min-width: 100%;
    min-height: 100%;	
    object-fit: cover;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

.news-single-caption .title-box-33{position:absolute; left:0%; top:45%; padding:0;display:block;width:100%;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	opacity: 1;
	}

.news-single-imgcaption {display:none; visibility:hidden;}
/*SINGLE IMAGE MAIN BEGINN*/
.single-image-1 {
  float:left;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    overflow: hidden;
	background:#000; 
}

.single-image-1 img {
    height: auto;
    width: auto;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
	opacity: 0.5;
	-webkit-transition: 25s;
	-moz-transition: 25s;
	transition: 25s;
}

.news-single-caption .title-box-main{position:absolute; left:0%; top:32%; padding:0;display:block;width:100%;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	opacity: 1;
	}

.transform {
	transform: scale(1.1);
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-webkit-transition: 25s;
	-moz-transition: 25s;
	transition: 25s;
}

@media screen and (max-width:720px) {
	.news-single-caption .title-box-main{position:absolute; left:0%; top:22%; padding:0;display:block;width:100%;}
}

/*SINGLE IMAGE MAIN END*/
.contain {height: 100%; padding:40vh 0 0 0; position:absolute;width:50%;}

@media screen and (max-width:720px) {
	.contain {display: table ; height: 100%; padding:25% 0 0 0; position:absolute;width:50%;}
}
/*
.contain {display: table ; height: 100%; position:absolute;width:50%;}
.helper {#position: absolute; #top: 50%;display: table-cell; vertical-align: middle;}
.content {#position: relative; #top: -50%;margin:0 auto;width: auto; text-align:center}
*/
.single-image-main a{color:#FFF}

.single-image-main {
	color:#FFF;
  	float:left;
    top: 0;
    left: 0%;
    height: 100vh;
    width: 100%;
	background:#000;
	background:url(../images/Sfers-brand-slider-2.jpg);
	background-position: 50% 0%;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
    -webkit-transition: all 1.0s;
  	-moz-transition: all 1.0s;
  	-o-transition: all 1.0s;
  	transition: all 1.0s;
}
.single-image-main-privat {
	color:#FFF;
  	float:left;
    top: 0;
    left: 0%;
    height: 100vh;
    width: 100%;
	background:#000;
	background:url(../images/Sfers-brand-slider-2.jpg);
	background-position: 0% 0%;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
    -webkit-transition: all 1.0s;
  	-moz-transition: all 1.0s;
  	-o-transition: all 1.0s;
  	transition: all 1.0s;
}

.single-image-main-business {
	color:#FFF;
  	float:left;
    top: 0;
    left: 0%;
    height: 100vh;
    width: 100%;
	background:#000;
	background:url(../images/Sfers-brand-slider-2.jpg);
	background-position: 100% 0%; 
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
     -webkit-transition: all 1.0s;
  	-moz-transition: all 1.0s;
  	-o-transition: all 1.0s;
  	transition: all 1.0s;
}

.single-image-main .title-privat{
	font-family:proximanova-bold;
	font-size: 1.6vw;
	line-height:1.6vw;
	text-transform:uppercase;
	margin:0% auto 0 auto;
    -webkit-transition: all 1.0s;
  	-moz-transition: all 1.0s;
  	-o-transition: all 1.0s;
  	transition: all 1.0s;
	}
.single-image-main .title-business{
	font-family:proximanova-bold;
	margin:0;  
	 font-size: 1.6vw;
	 line-height:1.6vw;
	 text-transform:uppercase;
	 margin:0% auto 0 auto;
	 width:100%;
	    -webkit-transition: all 1.0s;
  	-moz-transition: all 1.0s;
  	-o-transition: all 1.0s;
  	transition: all 1.0s;
	}
	
.single-image-main .title-privat-hover{
	opacity: 0.0;
	margin:50% 0% 0 auto;
	-webkit-transition: all 1.0s;
  	-moz-transition: all 1.0s;
  	-o-transition: all 1.0s;
  	transition: all 1.0s;
}

.single-image-main .title-business-hover{
	opacity: 0.0;
	margin:50% 0% 0 auto;
    -webkit-transition: all 1.0s;
  	-moz-transition: all 1.0s;
  	-o-transition: all 1.0s;
  	transition: all 1.0s;

}

.box-privat {
	float:left;
	width:50%;height: 100%;
	-webkit-transition: all 0.5s;
  	-moz-transition: all 0.5s;
  	-o-transition: all 0.5s;
  	transition: all 0.5s; 
	}
	
.box-business {
	float:left; 
	width:50%;height: 100%;
    -webkit-transition: all 1.0s;
  	-moz-transition: all 1.0s;
  	-o-transition: all 1.0s;
  	transition: all 1.0s;
	}

.box-business-hover {
	float:left; 
    -webkit-transition: all 1.0s;
  	-moz-transition: all 1.0s;
  	-o-transition: all 1.0s;
  	transition: all 1.0s; 
	}

.box-privat-hover {
	float:left; 
	width:50%;
	-webkit-transition: all 1.0s;
  	-moz-transition: all 1.0s;
  	-o-transition: all 1.0s;
  	transition: all 1.0s;
	}
	
.move-privat { position:relative; left:0%; padding:5% 0;cursor:pointer;
    -webkit-transition: all 1.0s;
  	-moz-transition: all 1.0s;
  	-o-transition: all 1.0s;
  	transition: all 1.0s;
	} 

.move-privat-2 { position:relative; left:50%; 
    -webkit-transition: all 1.0s;
  	-moz-transition: all 1.0s;
  	-o-transition: all 1.0s;
  	transition: all 1.0s;
	}
	
.move-privat-hover {position:relative;left:-20%;display:none; visibility:hidden;
    -webkit-transition: all 1.0s;
  	-moz-transition: all 1.0s;
  	-o-transition: all 1.0s;
  	transition: all 1.0s;
	}

.move-business {position:relative;  left:0%;padding:5% 0;cursor:pointer;
    -webkit-transition: all 1.0s;
  	-moz-transition: all 1.0s;
  	-o-transition: all 1.0s;
  	transition: all 1.0s;
	}

.move-business-2 {position:relative;  left:-52%;
    -webkit-transition: all 1.0s;
  	-moz-transition: all 1.0s;
  	-o-transition: all 1.0s;
  	transition: all 1.0s;
	}
	
.move-business-hover {position:relative;left:20%;display:none; visibility:hidden;
    -webkit-transition: all 1.0s;
  	-moz-transition: all 1.0s;
  	-o-transition: all 1.0s;
  	transition: all 1.0s;
	}


/*
*/
.news-single-caption {
  position:absolute;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    overflow: hidden; z-index:11;
  }
    
.news-single-image {float:left; width:100%; padding:0 0 1% 0}
.news-single-image-box { position:relative;width:100%; height:auto;background:#000;}
.news-single-image-box-intro {}
  
.news-single-caption .title-box{position:absolute; left:0%; top:32%; padding:0;background: rgba(72, 72, 72, 0);display:block;width:100%;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	opacity: 1;
	}

.news-single-caption h1{font-family:proximanova-bold;font-size: 1.2vw; line-height:2.0vw; padding:0 0 1% 0; margin:0;color:#FFF; font-weight:700;text-align: center;}
.news-single-caption h2{ font-family:proximanova-bold;font-size: 1.2vw; line-height:1.8vw; padding:2% 35% 0px 35%; margin:0;color:#FFF;display:block;text-align: center;}
.news-single-caption h2 {width:30%}

@media screen and (max-width:1280px) {
.single-image-main .title-privat{font-size: 2.2vw;line-height:2.2vw;}
.single-image-main .title-business{font-size: 2.2vw;line-height:2.2vw;}

.news-single-caption h1{font-family:proximanova-bold;font-size: 1.4vw; line-height:2.0vw; padding:0 0 1% 0; margin:0;color:#FFF; font-weight:700;text-align: center;}
.news-single-caption h2{ font-family:proximanova-bold;font-size: 1.4vw; line-height:2.0vw; padding:3% 35% 0px 35%; margin:0;color:#FFF;display:block;text-align: center;}
.news-single-caption h2 {width:30%}
}

@media screen and (max-width:720px) {
	.news-single-caption .title-box{position:absolute; left:0%; top:22%;}
	.news-single-caption h1 {font-size: 7.4vw; line-height:7.4vw;padding:0 0 3% 0;}
	.news-single-caption h2 {width:80%;font-size: 4.4vw; line-height:6.8vw;padding:8% 10% 0px 10%;}
}




/*NEWS-SINGLE-CONTENT*/
.news-single-item .content-elements {float: left; width: 100%; padding: 0 0 2em 0;}
.news-single-item .content-elements .frame-type-text {float: left; width: 48%; text-align: left; padding: 0 2% 0 0;}
.news-single-item .news-img-wrap .outer{ float: left; width: 50%; padding: 0; margin: -1em 0;}
.news-single-item .first-image {margin: 0 0 -1em 0;}
.news-single-image {float:left; width:100%; padding:0 0 0% 0;}
.single-image {position:relative;width:100%;height: auto;padding:0; margin:0;}
.single-image-2 {float:left;width:50%;height: auto;padding:0; margin:0;}

.news-single-header-box{ position:relative;width:100%;padding:0; margin:0 0 0px 0; text-align:center;}
.news-single-header-content{ position:relative;width:60%;padding:6% 0 5% 0; text-align:center; margin:0% auto 0 auto;font-size: 1.6vw; line-height:2.2vw;}
.news-single-header-box h1{text-transform:uppercase}

.news-single-item { position:relative;width:100%; padding:0; margin:0 0 -3% 0;}
.news-single-item h1{font-family:proximanova-bold;font-size: 1.6vw; line-height:2.2vw;padding:6% 0% 4% 0%;}
.news-single-item h2{font-family:proximanova-bold;font-size: 1.6vw; line-height:2.2vw;padding:6% 20% 4% 20%;}
.news-single-item-2 {float:left; width:60%; padding:2% 20%; margin:0;}
.news-single-item-2 h1{font-family:proximanova-bold;padding:6% 0% 6% 0%; text-transform:uppercase}
.news-single-item-2 h2{font-family:proximanova-bold;font-size: 1.6vw; line-height:2.0vw;padding:6% 0% 4% 0%; text-transform: uppercase}
.news-single-item-2 h3{font-family:proximanova-bold;font-size: 1.6vw; line-height:2.0vw;padding:6% 0% 4% 0%; text-transform: none}
.news-single-item-3 {float:left; width:60%; padding:2% 20% 0 20%; margin:0;}
.news-single-item-3 h1{font-family:proximanova-bold;padding:6% 0% 0% 0%;text-transform:uppercase}
.news-single-item-3 h2{font-family:proximanova-bold;font-size: 1.6vw; line-height:2.0vw;padding:6% 0% 2% 0%;}
.news-single-header-content h1{font-family:proximanova-bold;font-size: 3.3vw; line-height:3.8vw;padding:6% 0% 4% 0%; width:100%;text-align:center;text-transform:uppercase}
.referenzen h1{ padding:12% 0 2% 0}


.single-content-left{float:left; width:48.5%; height: auto; text-align:left;margin:0px 1.5% 0px 0%;}
.single-content-right{float:left; width:48.5%; height: auto; text-align:left;margin:0% 0% 0px 1.5%;}
.single-content-left img{padding:0 0 4% 0;}
.single-content-right img{padding:0 0 4% 0;}

.news-single-files { float:left;width:100%;text-align:center; display:block; padding:0% 0 6% 0;}
.no-event {display:none; visibility:hidden}
.Event { display:block; visibility:visible}
.Jobs { display:block; visibility:visible}

.news-single-link a{ float: inherit;padding:1% 4% 1% 4%;margin:0 auto 0 auto; width: auto; cursor:pointer; text-transform:uppercase; background:#8d7d75}
.news-single-link a:hover{color:#444; background:#e0ddd7}
.news-single-link a{text-decoration:none;color:#FFF;}
.news-single-link { border: none;font-size: 1.2vw; line-height:1.2vw; padding:0 0 4% 0}

@media screen and (max-width:1280px) {
.news-single-header-content h1{font-size: 4.3vw; line-height:4.3vw;padding:6% 0% 4% 0%; width:100%;}
.referenzen h1{ padding:13% 0 4% 0}
.news-single-item-2 {float:left; width:70%; padding:2% 15%; margin:0;}
.news-single-item-2 h1{font-size: 2.2vw; line-height:3.2vw;padding:6% 0% 8% 0%; }
.news-single-item-2 h2{font-size: 2.2vw; line-height:3.2vw;padding:6% 0% 8% 0%; }
.news-single-item-2 h3{font-size: 2.2vw; line-height:3.2vw;padding:6% 0% 8% 0%; text-align: center }
.news-single-item-3 {float:left; width:70%; padding:2% 15%; margin:0;}
.news-single-item-3 h1{font-size: 2.2vw; line-height:2.4vw;padding:6% 0% 0% 0%; margin:0 0 -2% 0; }
.news-single-item-3 h2{font-size: 2.2vw; line-height:2.4vw;padding:6% 0% 0% 0%; margin:0 0 -2% 0;}
	
}


@media screen and (max-width:720px) {
.news-single-header-content h1{font-family:proximanova-bold;font-size: 8.3vw; line-height:8.3vw;padding:6% 0% 4% 0%; width:100%;text-align:center;text-transform:uppercase}
.referenzen h1{ padding:13% 0 10% 0}
.news-single-item-2 {float:left; width:90%; padding:2% 5%; margin:0;}
.news-single-item-2 h1{font-size: 6.2vw; line-height:8.8vw;padding:3% 0% 8% 0%; text-align:left }
.news-single-item-2 h2{font-size: 6.2vw; line-height:8.8vw;padding:3% 0% 8% 0%; text-align:left }
.news-single-item-2 h3{font-size: 6.2vw; line-height:8.8vw;padding:0% 0% 8% 0%; text-align: center }
.news-single-item-3 {float:left; width:90%; padding:2% 5%; margin:0;}
.news-single-item-3 h1{font-size: 6.2vw; line-height:8.8vw;padding:3% 0% 0% 0%; margin:0 0 -2% 0; text-align:left }
.news-single-item-3 h2{font-size: 6.2vw; line-height:8.8vw;padding:3% 0% 0% 0%; margin:0 0 -2% 0;text-align:left }
.single-content-left{float:left; width:90%; height: auto; text-align:left;margin:0px 5% 10% 5%; }
.single-content-right{float:left; width:90%; height: auto; text-align:left;margin:0% 5% 0px 5%;}	
}

/*NEWS-SIMPLE*/
.news-simple-box {margin:0 -0.5%}
.news-simple { position:relative;width:70%;padding:2% 0 6% 0; text-align:center; margin:0% auto 0 auto;}
.news-simple .img {
  position: relative;
  float: left;
  margin:0% 1% 1% 1%;
  width: 31.33333333333333333333%;
  overflow: hidden;
}
.news-simple-content { text-align:center; padding:6% 0 4% 0}
.news-simple-content h2{font-family:proximanova-bold;font-size: 1.6vw; line-height:2.2vw;padding:0% 0% 4% 0%;}

/*##### BLOG #######*/
.blog {font-size: 1.2vw; line-height:1.8vw; }

.news-blog-item {float:left;width:90%; margin:6% 5% 6% 5%;}
.news-blog-box {float:left;width:100%; margin:0;}
.blog-image {float:left;width:100%; height:auto;margin:0; overflow:hidden;}
.news-blog-date { float:left;width:100%;font-size: 0.8vw; line-height:0.8vw;padding:6% 0% 22% 0%; text-transform:uppercase }
.news-blog-content { float:left;text-align: left; width:90%;padding:0% 5% 6% 5%; margin:0 0 4% 0;background-color:#f0f0ef;}
.news-blog-title{ float:left;width:100%;margin:6% 0% 2% 0%;text-transform:uppercase }

.news-marken-item {float:left;width:92%; margin:6% 4% 6% 4%;}
.news-marken-content { float:left;text-align: left; width:90%;padding:5% 5% 6% 5%; margin:0 0 4% 0;background-color:#f0f0ef;font-size: 1.1vw; line-height:1.6vw;}
.news-marken-date { float:left;width:100%;font-size: 0.8vw; line-height:0.8vw;padding:0% 0% 10% 0%; text-transform:uppercase }

.main-blog-item { position:relative;width:103%; margin:-3% -1.5% 0 -1.5%;font-size: 1.2vw; line-height:1.6vw; }
.main-blog-box {float:left;width:30.333333333%;margin:1% 1.5%;}
.main-blog-image {float:left;width:100%; height:auto;margin:0; overflow:hidden;}
.main-blog-date { float:left;width:90%;font-size: 0.8vw; line-height:0.8vw;padding:6% 0% 22% 0%; text-transform:uppercase }
.cat-image {float:right; width:6%;height:auto; padding:4% 0 0 0}
.main-blog-content { float:left;text-align: left; width:90%;padding:0% 5% 6% 5%; margin:0 0 4% 0;background-color:#f0f0ef;}
.main-blog-title{ float:left;width:100%;margin:6% 0% 2% 0%;text-transform:uppercase }

.main-referenzen-item { position:relative;width:103%; margin:-2% -1.5% -4% -1.5%;font-size: 1.2vw; line-height:1.6vw;}
.main-referenzen-box {float:left;width:30.33333%;margin:0 1.5%;}
.main-referenzen-image {float:left;width:100%; height:auto;margin:0; overflow:hidden;}
.main-referenzen-date { float:left;width:100%;font-size: 0.8vw; line-height:0.8vw;padding:6% 0% 4% 0%; text-transform:uppercase }
.main-referenzen-content { float:left;text-align: left; width:90%;padding:0% 5% 6% 5%; margin:0 0 10% 0;background-color:#f0f0ef;}
.main-referenzen-title{ float:left;width:100%;margin:6% 0% 2% 0%;text-transform:uppercase }

.main-produkte-content { float:left;text-align: left; width:90%;padding:0% 5% 6% 5%; margin:0 0 10% 0;background-color:#FFF;}
.main-produkte-content .main-referenzen-date {font-size: 1.2vw; line-height:1.2vw;}

@media screen and (max-width:720px) {
	
	.main-produkte-content .main-referenzen-date {font-size: 5.2vw; line-height:5.2vw;}
	
}

.main-blog-image img {
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
    padding: 0;margin: 0;

}
.main-blog-image:hover img {
	transform: scale(1.2);
	-ms-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}


.main-referenzen-image img {
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;

}
.main-referenzen-image:hover img {
	transform: scale(1.2);
	-ms-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

.main-referenzen-item .btn-default{float: left;color:#444;text-decoration:none;padding:1% 4% 1% 4%;margin:4% auto 0 auto; width: auto; cursor:pointer; text-transform: none}
.main-referenzen-item .btn-default:hover{color:#444; background: rgba(0, 0, 0, 0.4);}
.main-referenzen-item .btn-default a{text-decoration:none;color:#444;}
.main-referenzen-item .btn-default { border:#444 solid 1px;font-size: 1.2vw; line-height:1.2vw;}

.main-job-item { position:relative;width:100%; margin:-2% 0% 5em 0%;}
.job-item {padding:0% 0 2.5% 0; margin:0 0 2% 0; width:auto;background: url(../images/line.jpg) no-repeat; background-size: 10% 1px; background-position:center bottom;}
.main-job-item h2 {padding: 0 0 0.5em 0;font-size: 1.6vw; line-height:2.0vw;}

@media screen and (max-width:1280px) {
.main-referenzen-item { position:relative;width:103%; margin:-2% -1.5% 0 -1.5%;font-size: 1.4vw; line-height:2.0vw;}
.main-referenzen-date { float:left;width:100%;font-size: 1.0vw; line-height:1.0vw;padding:6% 0% 4% 0%; text-transform:uppercase }
.main-blog-item { position:relative;width:103%; margin:-3% -1.5% 0 -1.5%;font-size: 1.6vw; line-height:2.2vw; }
.main-blog-date { float:left;width:90%;font-size: 1.2vw; line-height:1.2vw;padding:6% 0% 22% 0%; text-transform:uppercase }
}
@media screen and (max-width:720px) {
.main-referenzen-item { position:relative;width:100%; margin:-12% 0% 0 0%;font-size: 6.2vw; line-height:8.8vw;}
.main-referenzen-date { float:left;width:100%;font-size: 3.8vw; line-height:3.8vw;padding:6% 0% 4% 0%; text-transform:uppercase }
.main-referenzen-box {float:left;width:90%;margin:0 5%;}
.main-blog-item { position:relative;width:100%; margin:-8% 0% 0 0%;font-size: 6.2vw; line-height:8.8vw;}
.main-blog-date { float:left;width:100%;font-size: 3.8vw; line-height:3.8vw;padding:6% 0% 22% 0%; text-transform:uppercase }
.main-blog-box {float:left;width:90%;margin:0 5% 4% 5%;}
.main-job-item h2 {padding: 0 0 0.5em 0;font-size: 6.2vw; line-height:8.8vw;}    
}



#news-back {width:60px; height: auto; float:right;opacity: 0.6;}
#news-back:hover{opacity: 0.6;} 



/*NEWS-BOXEN*/
.marken {position: relative; width: 70%; padding: 2% 15% 0 15%;}
.marken .img {
  position: relative;
  float: left;
  margin:1% 1.5%;
  width: 30.33333333333333333333%;
  overflow: hidden;
  opacity: 1;
}

@media screen and (max-width:720px) {
	
	.marken {position: relative; width: 70%; padding: 10% 15% 0 15%;}
	
.marken .img {
  margin:0% 10% 1% 10%;
  width: 80%;
}
}

.effects {
  width:100%; padding:0;margin:0 0 0% 0; 
}
.effects .img {
  position: relative;
  float: left;
  margin:0;
  padding:0;
  width: 100%; 
  overflow: hidden;
 
}
.effects .img img {
  display: block;
  margin: 0;
  padding: 0; 
  width: 100%;
  height: auto;
  
}
.effects .img img {
	-webkit-transition: 2s;
	-moz-transition: 2s;
	transition: 2s;

}
.effects .img:hover img {
	transform: scale(1.1);
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-webkit-transition: 2s;
	-moz-transition: 2s;
	transition: 2s;
}
/*GRAY*/
.overlay {
  display: block;
  position: absolute; top:0; left:0;
  z-index: 20;
  opacity: 1;
  overflow: hidden;
  text-align: center;
  
	background: rgba(0, 0, 0, 0.6);
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

.overlay:hover{
	background: rgba(0, 0, 0, 0.2);
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}



.overlay-text h2 {color: #FFF; padding:33% 0 0% 0%;text-transform: uppercase;transition: 1s; text-align: center}
.overlay-text h3 {font-size: 1.6vw; line-height:1.6vw;color: #FFF; padding:31% 0 0% 0%;text-transform: uppercase;transition: 1s; text-align: center}
.overlay-text-big h2 {color: #FFF; padding:70% 0 0% 0%;text-transform: uppercase;transition: 1s; text-align: center}

@media screen and (max-width:720px) {
.overlay-text-big h2 {font-size: 6.2vw; line-height:6.2vw;}
.overlay-text h2 {font-size: 6.2vw; line-height:6.2vw;}
.overlay-text h3 {font-size: 6.2vw; line-height:6.2vw;}
}
/* ============================================================
  EFFECT 1 - SLIDE IN BOTTOM
============================================================ */


.effect-1 .overlay {
  bottom: 0px;
  left: 0;
  right: 0;
  width: 100%;
  /*custom*/
  height: 100%;
}

.effect-1 .overlay-text {
  bottom: 0px;
  left: 0;
  right: 0;
  width: 100%;
  /*custom*/
  height: 100%;
}


/* ################# BLOG ####################### */

.blog {
  width:100%; padding:0;margin:0 0 0% 0; 
}
.blog .img {
  position: relative;
  float: left;
   margin:0% 0.5% 1% 0.5%;
  width: 32.33333333333333333333%;
  overflow: hidden;
}



.blog .img img {
  display: block;
  margin: 0;
  padding: 0; 
  width: 100%;
  height: auto;
  
}


/*GRAY*/
.blog .img img {
	-webkit-transition: 5s;
	-moz-transition: 5s;
	transition: 5s;

}
.blog .img:hover img {
	transform: scale(1.03);
	-ms-transform: scale(1.03);
	-webkit-transform: scale(1.03);
	-webkit-transition: 5s;
	-moz-transition: 5s;
	transition: 5s;
}

/* effect-2 */

.effects-2 {
  position: relative;width:100%; padding:0;margin:4% 0% 0 0%; 
}
.effects-2 .img {
  position: relative;
  float: left;
  margin:0% 4.5% 2% 4.5%;
  width: 91%; 
  overflow: hidden;
}
.effects-2 .img img {
  display: block;
  margin: 0;
  padding: 0; 
  width: 100%;
  height: auto;
  
}
.effects-2 .img img {
	-webkit-transition: 2s;
	-moz-transition: 2s;
	transition: 2s;

}
.effects-2 .img:hover img {
	transform: scale(1.2);
	-ms-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-webkit-transition: 2s;
	-moz-transition: 2s;
	transition: 2s;
}
.effects-2 .overlay {
  display: block;
  position: absolute;
  z-index: 20;
  opacity: 1;
  overflow: hidden;
  text-align: center;
	background: rgba(0, 0, 0, 0.5);
	-webkit-transition: 2s;
	-moz-transition: 2s;
	transition: 2s;
}
.effects-2 .overlay:hover{
	background: rgba(0, 0, 0, 0.2);
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

@media screen and (max-width:720px) {
.effects-2 .img {
  position: relative;
  float: left;
  margin:0% 0% 2% 0%;
  width: 100%; 
  overflow: hidden;
}
}