.clearfix:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both; }

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: hidden; }

.gallery-container {
	position:absolute;
  height: 100%;
  width: 100%; }

.gallery {
  width: 8800px;
  height: 100%; }
  .gallery figure {
    display: block;
    float: left;
    margin: 0;
    width: 440px;
		opacity: 0.3;
    height: 310px;
		overflow: hidden;/*
		transition: opacity 0.3s, visibility 0.3s; */
		-webkit-backface-visibility: hidden;
		transition: opacity .35s ease-in-out;
		-moz-transition: opacity .35s ease-in-out;
		-webkit-transition: opacity .35s ease-in-out;
	}
  .gallery figure:hover {
		opacity:1;/*
		transition: opacity 0.3s, visibility 0.3s;*/
	}
	.gallery figure:hover img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
	}
	.gallery figure img {
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
	}
  .gallery a, .gallery img {
    display: block;
    width: 100%;
    height: 100%; }
  .gallery figcaption {
    display: none; }
iframe {
	width:100%;
	height:100%;
}
@media (max-width: 650px) {
	.gallery-container {
		display:none;
	}
	body {
		overflow:scroll;
	}
}