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

.inner1{
	width: 85%;
	height: 85%;
	position: absolute;
	left: 7.5%;
	top:7.5%;
	box-shadow: 0 0px 25px #aaa;
}
.inner2{
	width: 72%;
	height: 62%;
	position: absolute;
	left: 14%;
	top:19%;
	box-shadow: 0 0px 25px #aaa;
	animation-delay: 1s;
}
.inner3{
	width: 60%;
	height: 36%;
	position: absolute;
	left: 20%;
	top:32%;
	box-shadow: 0 0px 25px #aaa;
	animation-delay: 2s;
}
.inner3 a{
	display: block;
    width: 100%;
    height: 100%;
    position: relative;
	
}
.inner3 img{
	max-width: 100%;
	position: absolute;
	left: 0;
	top:50%;
	left: 50%;
	transform: translate(-50%,-50%);
}




@media screen and (min-width:992px ) and (max-width:1200px) {
	
}
@media screen and (min-width:769px ) and (max-width:991px) {
	
}
@media screen and (max-width:768px) {
	.body li a{
		font-size: 16px;
	}
}