@charset "utf-8";

/* CSS Document */



html {
  width:100%;
  height:100%;
}

html, body {
	width: 100%;
	height: 100%;
	margin: 0;
  }

  .header, .footer {
	height: 65px;
	  text-align:center;
  }

.header img {
	padding-top:16px;
}

.footer img {
	padding:0 16px 16px 16px;
	transition: 0.5s;
}

.footer img:hover {
	opacity:0.7;
}

 .inner {
	  width:100%;
	max-width:1440px;
	  padding:0 16px;
	 display: inline-block;
	 box-sizing: border-box;
  }

.film {
	width:25%;
	float:left;
}

.film a {
	color: #ccc;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
}

.film div:last-child {
	padding:8px 0 16px 0;
}

.image-wrapper {
    width: 100%;
    height: 0;
    padding-bottom: 55.7003257%;
    position: relative;
}
.image-wrapper img {
    width: 100%;
    position: absolute;
	top:0;left:0;right:0;bottom:0;
	padding:8px;
	box-sizing: border-box;
}
.image-wrapper-cover {
    padding-bottom: 74.0740740741%;
}


@media (min-width:1024px){

}

	
@media (max-width:1024px){
.film {
	width:25%;
}
}

@media (max-width:768px){
.film {
	width:50%;
}
}

@media (max-width:425px){
.film {
	width:100%;
}
}