* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

img {
	max-width: 100%;
}

body {
	background: url(../images/bg.jpg) no-repeat center;
	background-size: cover;
}

.loa {
	width: 100%;
	float: left;
}

.loa img {
	width: 100%;
	float: left;
}

.lob {
	width: 100%;
	float: left;
}

.lob img {
	width: 100%;
	float: left;
}

.loc {
	width: 100%;
	float: left;
	text-align: center;
	animation-name: scaleDraw;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-duration: 2s;
	padding: 15px 0;
}

.loc img {
	width: 74%;
}

.lod {
	width: 100%;
	float: left;
	text-align: center;
}

.lod img {
	width: 48%;
}

.loe {
	width: 100%;
	float: left;
	text-align: center;
}

.loe img {
	width: 95%;
}

.lof {
	width: 100%;
	float: left;
	text-align: center;
}

.lof img {
	width: 95%;
}

.log {
	width: 100%;
	float: left;
	text-align: center;
}

.log img {
	width: 88%;
}

.loh {
	width: 100%;
	float: left;
	padding: 10px;
}

.loh a {
	width: calc(100%/3);
	float: left;
	padding: 5px;
}

.loh a img {}

.loi {
	position: fixed;
	bottom: 200px;
	right: 10px;
	width: 20%;
	
}

.loi img {}

@keyframes scaleDraw {
	0% {
		transform: scale(1);
	}

	25% {
		transform: scale(1.25);
	}

	50% {
		transform: scale(1);
	}

	75% {
		transform: scale(1.25);
	}
}