@charset "UTF-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Raleway:500,900);
figure{
	margin:0;
	padding:0;
	border:none;
}
figure.snip1432 {
  font-family: 'Raleway', Arial, sans-serif;
  
  position: relative;
  float: left;
  overflow: hidden;
  margin:0;
  
  width: 100%;
  background: #000000;
  color: #ffffff;
  text-align: left;
}
figure.snip1432 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
figure.snip1432 img {
  opacity: 0.8;
  width: 100%;
  vertical-align: top;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
figure.snip1432 figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
figure.snip1432 figcaption > div {
  height: 100%;
  overflow: hidden;
  width: 100%;
  position: relative;
}
/*figure.snip1432 h2,*/
figure.snip1432 h3 {
	width: 100%;
  	height: auto;
	
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;

}


figure.snip1432 h3 .switch1 {
	width: 100%;
	max-width: 480px;
  	height: auto;
	padding: 0;
	margin: 15% auto 0;
}


figure.snip1432 h3 .switch2 {
	width: 100%;
	max-width: 480px;
  	height: auto;
	padding: 0;
	margin: 3% auto 0;
}
@media print, screen and (min-width: 801px) {
figure.snip1432 h3 .switch2 {
	max-width: 700px;
}
}
@media print, screen and (min-width: 1201px) {
figure.snip1432 h3 .switch2 {
	max-width: 480px;
}
}



figure.snip1432 h3 img {
  width: 100%;
  height:auto;
  
}
figure.snip1432 h2 {
  font-weight: 900;
  top: 0;
}
figure.snip1432 h3 {
  font-size: 1em;
  bottom: 0;
  font-weight: 500;
}
figure.snip1432 h3:nth-of-type(2) {
  opacity: 0;
  -webkit-transform: translateY(10%);
  transform: translateZ(10%);
}
figure.snip1432 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
}
figure.snip1432:hover img.figure_bg,
figure.snip1432.hover img.figure_bg {
  opacity: 0.4;
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}
figure.snip1432:hover figcaption h3:first-of-type,
figure.snip1432.hover figcaption h3:first-of-type {
  -webkit-transform: translateY(10%);
  transform: translateY(10%);
  opacity: 0;
}
figure.snip1432:hover figcaption h3:nth-of-type(2),
figure.snip1432.hover figcaption h3:nth-of-type(2) {
  opacity: 1;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}
/* Demo purposes only */