#chessboard {
	      margin: 50px auto 0px;
	      max-width: 800px;
			height: 3700px;
	      overflow: hidden;
	      position: relative;
	    }

	    
	    /* Sortlist */

	    #sortlist {
	      position: relative;
	      display: block;
	      padding: 0;
	      margin: 1.5em auto;
	      overflow: hidden;
	      -webkit-transition: all 0.4s ease-out;
	      -moz-transition: all 0.4s ease-out;
	      transition: all 0.4s ease-out;
	    }

	    #sortlist li {
	      position: absolute;
	      width: 90px;
	      height: 90px;
	      display: block;
	      text-align: center;
	      font-size: 3.2em;
	      line-height: 1.6em;
	      overflow: hidden;
	      color: #868686;
	      background-color: #E9E9E9;
	      box-shadow: inset 0px 0px 0px 1px #CECECE;
	      -webkit-transition: all 0.4s ease-out;
	      -moz-transition: all 0.4s ease-out;
	      transition: all 0.4s ease-out;
	    }

	    #sortlist > li:hover {
	      color: #D17E7E;
	    }
	    /* Creating the chessboard */

	    #sortlist li:nth-child(-2n+8),
	    #sortlist li:nth-child(8) ~ li:nth-child(-2n+15),
	    #sortlist li:nth-child(16) ~ li:nth-child(-2n+24),
	    #sortlist li:nth-child(24) ~ li:nth-child(-2n+31),
	    #sortlist li:nth-child(32) ~ li:nth-child(-2n+40),
	    #sortlist li:nth-child(40) ~ li:nth-child(-2n+47),
	    #sortlist li:nth-child(48) ~ li:nth-child(-2n+56),
	    #sortlist li:nth-child(56) ~ li:nth-child(-2n+63) {
	      background-color: white;
	    }

	    #sortlist.filtered > li {
	      color: #D17E7E;
	      background-color: white;
	    }

	    @media screen and (max-width: 870px){
	#chessboard{
		height: auto;
		margin-bottom: 60px;
	}
	
}