#box {
  width: 100%;
  height: 300px;;
		margin:0;
overflow:hidden;
	z-index: 2;
	

	
	display: flex;
	justify-content: center;
	flex-direction:column;
	align-content: start;
	align-items: center;
	transition:all 1s;
	box-sizing: border-box;
	}


a#box:hover {cursor:pointer; transition:all 1s; opacity:0.8; text-decoration:none;}
a.slantedbottom{text-decoration:none; text-shadow: 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000; z-index:2; text-align:center; }