@media screen and (max-width: 1370px) {
	.outer-wrap {
		width: 1240px;
	}
	.content {
  		padding: 0 12px 0 15px;
	}
	.content .left-column {
		width: 912px;
	}
	.content .right-column {
		width: 286px;
	}
	.three-column-content .left-column, .three-column-content .mid-column, .three-column-content .right-column {
		width: 230px;
	}

	.my-uoll-content .title-wrapper, .my-uoll-content .title-container, .my-uoll-content h1, .my-uoll-content h2, .my-uoll-content-wrapper, .my-uoll-content-container, .my-uoll-content, .myuoll-container .article, .myuoll-container, .myuoll-container .article-content-container, .article-content-container, .article, .inner-wrap, .wood-button-bg, .main-navigation, .main-navigation .redbutton, .main-navigation .redbutton:hover, .myuoll-search-container {
		background-size: contain;
	}

	.my-uoll-content h1, .my-uoll-content h2 {
		line-height: 56px;
	}

	.slide-content img {
		width: 100%;
	}
	.hero-slider {
		height: auto;
	}
	.hero-slider img {
		display: block;
		width: 100%;
	}
	.article-content-container img {
		max-width: 100%;
	}
	.right-column-title, .right-column-title.red {
		width: 270px;
		line-height: 52px;
		font-size: 16px;
		background-size: cover;
	}
	.right-column-content .right-column {
		width: 70px;
	}
	.right-column-content .left-column {
		width: 150px;
	}
	.wood-button-bg {
		width: 290px;
		line-height: 80px;
	}
	.news-teaser-content .right-column {
		width: 560px;
	}
	.right-column .green-button {
	  background-size: cover;
	  vertical-align: middle;
	  width: 246px;
	  height: 44px;
	  padding-top: 20px;
	  line-height: 28px;
	  font-size: 17px;
	  margin-bottom: 4px;
	}
	.right-column .green-button img {
		top: 4px;
  		left: 10px;
	}
	nav .right-column {
		width: 286px;
	}
	.main-navigation .redbutton {
		width: 115px;
		padding-top:36px;
	}
	.main-navigation {
		height: 65px;
	}
	.main-navigation.fixed {
		width: 1216px;
	}
	.main-navigation .redbutton .icon-home {
  		top: -18px;
	  	right: 37px;
	}
	.main-navigation .redbutton .icon-about {
		top: -10px;
		right: 34px;
	}
	.main-navigation .redbutton .icon-forums {
  		top: -19px;
  		right: 37px;
	}
	.main-navigation .redbutton .icon-irc {
		top: -18px;
		right: 36px;
	}
	.main-navigation .redbutton .icon-myuo {
  		top: -12px;
  		right: 38px;
	}
	.main-navigation .redbutton .icon-events {
	  top: -14px;
	  right: 39px;
	}
	.main-navigation .redbutton .icon-support {
	  top: -5px;
	  right: 35px;
	}

	.screenshot-of-day a {
		width: 246px;
		height: auto;
	}
	.screenshot-of-day a img {
		width: 246px;
		height: auto;
	}
	.dropdown-container {
		top: 56px;
	}
	.clientimg {
		width: 380px;
	}
	.myuoll-search-container {
		width: 912px;
		height: 222px;
	}
	.myuoll-search-container input[type="text"] {
 	 	width: 590px;
	}
	.myuoll-search-container .search { 
		left:107px;
		width: 703px;
	}
	.main-navigation .green-button {
		margin: 5px 22px;
	}
	.article-content-container {
		padding: 45px 50px;
	}

	.my-uoll-content {
		padding: 75px 67px;
	}
	.news-teaser-content .left-column {
		width: 216px;
	}
	.my-uoll-content .left-column {
		width: 275px;
	}
	.my-uoll-content .right-column {
		width: 320px;
	}
	.play-now .left-column {
		width: 395px;
	}

}

@media screen and (max-width: 650px) {



	.outer-wrap {
		width: auto;
	}
	.left-column, .right-column, .content .left-column, .content .right-column {
		float: none;
		width: auto;
	}
	.article-content-container {
		padding: 18px;
		background: #f4e4d4;
		border-bottom: 1px solid #b0a090;
		border-top:1px solid #ffffff;
	}
	.article-content-container {
	}

	.right-column-content ul .right-column {
		float: right;
	}

	.right-column-content ul .left-column {
		float: left;
	}

	.inner-wrap{
		background: none;
	}
	body {
		background-size: contain;
		background-attachment: inherit;
	}
	.right-column-title, .right-column-title.red {
		margin: 10px auto 10px auto;
	}
	.right-column-content {
		padding: 0 40px;
	}
	.wood-button-bg {
		margin: auto;
	}
	.footer {
		background: #070707;
		margin-top:20px;
	}
	.featured-image {
		padding: 15px 0;
		border-top: 1px solid #C3B09C;
	}

	.three-column-content .mid-column{
		width: auto;
	}

	.three-column-content .left-column, .three-column-content .mid-column, .three-column-content .right-column {
		padding: 0px;
	}
	.news-teaser-content {
		margin-bottom: 10px;
	}
	.main-navigation.fixed {
		width: auto;
		position: static;
		padding: 0;
	}
	.main-navigation {
		background: none;
		height: auto;
		padding: 0px;
	}
	.hero-slider {
		display: none;
	}
	.screenshot-of-day a {
		width: auto;
		margin: auto;
	}
	.screenshot-of-day a img {
		width: 100%;
	}
	.search-container {
		display: none;
	}
	.logo-container img {
		width: 200px;
		margin: auto;
		display: block;
	}
	.logo-container {
		margin:auto;
		float: none;
	}
	nav .right-column {
		margin: auto;
		width: auto;
		float: none;
	}

	.play-now .play-now-content {
		padding: 24px;
		text-align: center;
	}

	.step-container {
		font-size: 50px;
	}

	.main-navigation li + li {
		display: none;
	}

	.step-container span, .step-container .blue-button, .step-container .step-heading {
		float: none;
		display: inline-block;
		margin: 0px;
		padding: 0px;
	}

	.article-content-container h2 {
		padding-top: 0;
	}
	 .main-navigation .redbutton, .main-navigation .mobile-button {
		width: auto;
		height: auto;
		background: none;
		border-top:1px solid #170100;
		border-bottom: 1px solid #660604;
		border-left:1px solid #170100;
		border-right: 1px solid #660604;
	}

	.main-navigation .mobile-button {
		padding: 15px;
		background: #5F0000;
		color: #fff;
		text-align: center;
		font-size: 25px;
		display: block;
	}

	.main-navigation li {
		background: none;
		width: auto;
		float: none;
	}

	.main-navigation .redbutton {
		background: #380302;
		padding: 15px;
	}
	.main-navigation  {
		background: none;
	}
	.main-navigation .redbutton:hover {
		background: #6a0202;
	}
	.main-navigation .redbutton img {
		display: none;
	}
	.main-navigation .right-column {
		clear: both;
		padding:15px;
	}
	.blue-container {
		background: #003162;
	}
	.dropdown-container {
		position: static;
		width: auto;
		background: #F4E4D4;
		display: none;
		box-shadow: none;
		padding: 0;
	}
	.dropdown-container .dropdown {
		width: auto;
		background: none;
		padding: 6px;
		display: block;
	}
	.dropdown:before {
		display: none;
	}
	.dropdown:after {
		display: none;
	}
	.dropdown ul {
		padding: 0;
	}
	.main-navigation .green-button {
		margin: auto;
	}
	.three-column-content .left-column, .three-column-content .mid-column, .three-column-content .right-column {
		float: none;
	}
	.main-navigation li .fa-caret-down {
		display: inline-block;
		margin-left: 10px;
	}
	.clientimg {
		position: static;
	}
	.myuoll-search-container {
		width: auto;
		height: auto;
		background:#333;
		padding: 10px;
		margin-top: 15px;
		-webkit-box-sizing: border-box; /* Safari 3.0 - 5.0, Chrome 1 - 9, Android 2.1 - 3.x */
 		 -moz-box-sizing: border-box;    /* Firefox 1 - 28 */
 		 box-sizing: border-box;         /* Safari 5.1+, Chrome 10+, Firefox 29+, Opera 7+, IE 8+, Android 4.0+, iOS any */
	}
	.myuoll-search-container .search{
		position: static;
		width:auto;
		margin: auto;
	}

	.myuoll-container, .myuoll-container .article-content-container, .myuoll-container .article {
		background: none;
	}

	.my-uoll-content .title-wrapper,  .my-uoll-content .title-container, .my-uoll-content h1, .my-uoll-content h2  {
		background:none;
		line-height: normal;
	}

	.myuoll-search-container input[type="text"], .myuoll-search-container input[type="submit"]{
		width: 100%;
		float: none;
		margin-bottom: 5px;
		-webkit-box-sizing: border-box; /* Safari 3.0 - 5.0, Chrome 1 - 9, Android 2.1 - 3.x */
		  -moz-box-sizing: border-box;    /* Firefox 1 - 28 */
		  box-sizing: border-box;         /* Safari 5.1+, Chrome 10+, Firefox 29+, Opera 7+, IE 8+, Android 4.0+, iOS any */
	}
	.article-content-container {
		background: none;
		padding: 0px;
		border:none;
	}

	.my-uoll-content-container {
		background: none;
	}
	.my-uoll-content {
		padding: 0px;
		background: none;
		margin-top: 15px;
	}
	.blue-container {
		display: none;
	}
	.myuoll-table-nav {
		width: auto;
		display: block;
		margin-bottom: 15px;
	}


	.character-portrait {
		width: auto;
		background: none;
		height: auto;
		border: 6px solid #2e2d2a;
		background: #000;
		margin: 20px 0 10px 0;
		padding-bottom: 25px;
	}
	
	.character-portrait img {
		display: block;
		margin: auto;
		position: static;
		
	}

	.article, .myuoll-container .article  {
		background: #F4E4D4;
		padding: 20px;
	}

	.content {
		padding: 0px;
	}

	.myuoll-table-nav:after {
		content: '';
		clear: both;
		display: block;
	}
	.myuoll-table-nav a {
		display: block;
		float: left;
		width: 10.5%;
	}
	.myuoll-table-nav {
		background: #2e2d2a;
	}
	.title-positon {
		background:#2e2d2a;
		position: static;
		padding: 10px;
		width: auto;
	}
	.my-uoll-content-wrapper {
		background: none;
	}	
	
	.uoll-table-overflow{
		overflow-x:auto;
		max-width: 100%;
		border-right: 1px dashed #841f22;
	}

	.myuoll-container .article-content-container {
		min-height: 0;
	}

	.filter .left, .filter .right {
		float: none;
	}

	#resultNavigation {
		padding-top: 8px;
	}
	.myuoll-table.bestiary {
		display: table;
	}

}