#close-open {display:none;}
	/* @media (min-width:768px) and (max-width:991px) { #main .container {width:870px;} } */
	#monstertext {font-weight:700;}
	#monsterbreeding {}
	#Legend, #Epic, #Classic {position:relative; text-align:center;}
	.breed {display:inline-block; position:relative; width:300px; margin:0 5px 10px 5px; padding:5px 15px 10px 15px; border:1px solid lightgrey; border-radius:10px; box-shadow:4px 4px 5px lightgrey;}
	.l {height:140px; background-color:#F8F7FF;}
	.e, .c {max-width:222px; height:85px;}
	.e {background-color:#E7F8F0;}
	.c {background-color:#F8F7E7;}
	.monstername {font-weight:bold;}

	.legend, .epic, .classic {position:relative; display:inline-block; width:100%; height:100%;}
	.breed section {right:auto;}

	.left_top, .left_bottom, .middle, .right {position:absolute;}
	.left_bottom {top:55px;}
	.middle   {left:135px; width:45px;}
	.right    {top:25px; left:190px; width:70px;}

	.breed_m {display:inline-block; border:2px solid rgba(160, 110, 49, 1); border-radius:6px; box-shadow:2px 2px 5px 2px rgba(160, 110, 49, 0.5);}

	.m1a {margin: 5px 8px 5px 5px;}
	.m1b {margin: 5px 5px 5px 8px;}
	.m2a {margin: 5px 8px 5px 5px;}
	.m2b {margin: 5px 5px 5px 8px;}
	.m3a {margin: 5px;}
	.m3b {margin: 0 5px 5px 5px;}
	.m4  {margin: 5px 0 5px 5px;}

	.breed_m span {display:block; width:41px; height:41px; border-radius:5px; box-shadow:inset 0 0 45px 45px rgba(255, 255, 255, 0.05);}
	.heart {position:absolute; top:0; width:33px; height:45px; margin:5px auto 5px 42px; padding:9px 0;}
	.middle .heart {top:35px; left:12px; margin:0;}
	.heart img {width:100%; height:100%; opacity:0.9;}

	.sum  {display:inline-block; top:0px; left:110px; width:20px; margin:5px 0; padding:16px 0;}
	.icon-bar {display:block; height:4px; background-color:rgba(0, 0, 0, 0.6); border-radius:3px;}
	.icon-bar+.icon-bar {margin-top:5px;}

@media (max-width:991px) {
	#monsterbreeding {max-width:690px;}
}

/* img: 650x487 */