@charset "utf-8";

/*-------------Whats New------------------*/
*{ margin:0; padding:0;}
html { font-size: 62.5%; }
body{ font-size:1.5rem; line-height:1.8;margin: 0; padding: 0; overflow-x:hidden}
.whatsnew { width: 100%; margin: 0 auto; padding-top:3em;box-sizing: border-box; color: #fff; z-index: 999; font-size: 1.3rem; height: 40vh; }
.whatsnew_title { font-weight: bolder; margin-bottom: 1em; font-size: 1.5rem;}
.whatsnew dl { margin-top:2em; }
.whatsnew dl dt { float:left; }
.whatsnew dl dd { padding-left:150px; text-align:left; margin-bottom:1em;  }
.whatsnew a { color: #fff; text-decoration: none;}
.whatsnew ul li {list-style-type: none;}


/** RESPONSIVE BREAKPOINTS
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
**/

@media(min-width: 721px) and (max-width: 1200px){ 
	.whatsnew dl { margin-top:0.5em; }
	.whatsnew { height:inherit; padding-bottom: 3em;}
}

/** RESPONSIVE BREAKPOINTS
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
**/

@media screen and (max-width:720px) { 
	.whatsnew_title { font-weight: bolder; margin-bottom: 1em;font-size: 1.3rem; }
	.whatsnew dl { margin-top:0.5em; font-size: 75%; }
	.whatsnew { height:inherit; padding-bottom: 4em; padding-top: 1em;}
	.whatsnew dl dd { padding-left:8em; margin-bottom:0.5em;  }
}