@import url('/css/animate.css');

.wow {
	animation: fadeIn 1.5s both;
	-webkit-animation: fadeIn 1.5s both;
	animation-duration: 1s;
	-webkit-animation-duration: 1s
}

.delay1 {
	animation-delay: 0.5s;
	-webkit-animation-delay: 0.5s
}

.delay2 {
	animation-delay: 1.0s;
	-webkit-animation-delay: 1.0s
}

.delay3 {
	animation-delay: 1.5s;
	-webkit-animation-delay: 1.5s
}

#mmaimg {
	position: relative;
	margin: 25px 0;
}

#mmaimg .mmabocx {
	display: flex;
	flex-wrap: wrap;
}

#mmaimg .mmabocx .bocitem {
	display: flex;
	width: 33.3%;
	padding: 4px 3px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

@media screen and (max-width: 780px) {
	#mmaimg .mmabocx .bocitem {
		width: 50%;
	}
}

@media screen and (max-width: 480px) {
	#mmaimg .mmabocx .bocitem {
		width: 100%;
		margin-bottom: 5px;
	}
}