@charset "utf-8";
/* CSS Document */

#wrraper #ruls { margin: 20px auto 40px auto; }
#wrraper #ruls #content-page { direction: rtl; line-height: 25px; font-size: 1.3rem; }
#wrraper #ruls #content-page .container { margin: 20px 0; }
#wrraper #ruls #content-page .container h2 { margin: 10px 0 0 0; padding: 0; font-size: 1.9rem; color: #F26600; }
#wrraper #ruls #content-page h1 { font-size: 2.1rem; color: #999; margin-bottom: 0; }
#wrraper #ruls #content-page h2 {  }
#wrraper #ruls #content-page b { font-family: isansbold; }
#wrraper #ruls #content-page ul { margin: 20px; list-style: none; background-color: #f5f5f5; padding: 20px; }

@keyframes img {
    0% {  }
    100% { transform: scale(1) }
}

@keyframes container {
    0% {  }
    100% { transform: scale(1); opacity: 1; }
}



/******************* Desktop *********************/
@media only screen and (min-width:1200px) {
	
}
/******************* tablet *******************/
@media only screen and (min-width:768px) and (max-width: 1200px) {
	
}

/******************* mobile *******************/
@media only screen and (min-width: 0px) and (max-width: 767px) {
#wrraper #ruls #level .blocks .image { margin: 0 auto !important; float: none !important; display: block; width: 100px; }
#wrraper #ruls #level .blocks p { line-height: 20px; }
}

/******************* smobile *******************/
@media only screen and (min-width: 0px) and (max-width: 320px) {
	
}