.thumb {
	position:relative;
}
.thumb img { 
	border: none;
	width: 70vw;
	float: left;
	margin-left: 0px;
}
.thumb:hover {
	border:0; /* IE6 needs this to show large image */
	z-index:1;
}
.thumb span { 
	position:absolute;
	visibility:hidden;
	width: 70vw;
}
.thumb:hover span {
	cursor: pointer;
	position: sticky;
	position: -webkit-sticky;
	position: -moz-sticky;
 	position: -ms-sticky;
 	position: -o-sticky;
	visibility:visible;
	z-index: 99; 
	float: left;
	width: 0px;
}

@font-face {
   font-family: 'Mutable';
   src: url('Mutable.eot') format('embedded-opentype'),  url('Mutable.woff') format('woff'), url('Mutable.ttf')  format('truetype'), url('Mutable.svg') format('svg');
}

html {
  	overflow-x: hidden;
  }

body {
	font-family: 'Mutable', sans-serif;
	font-size: 5vw;
	line-height: 4.4vw;
	color: #413c34;
	width: 70%;
	margin-left: 1vw;
	margin-top: -5vw;
	background: #9b968c;
	background-image: url("bg.png");
	overflow-x: hidden;

}

a {
	text-decoration: none;
	color: #c5c5c5;
}

a:hover {
	text-decoration: none;
	color: #3fca8a;
}

@media screen and (max-width: 800px) {
  html {
  	overflow-x: hidden;
  }

  body {
    max-width: 100%;
    width: 90vw;
    font-size: 8vw;
    line-height: 7.5vw;
    margin-right: 1vw;
    margin-top: -7.5vw;
    background: #413c34;
    background-image: url("bg2.png");
    color: #9b968c;
    overflow-x: hidden;
    }
    
  .thumb span { 
	position:absolute;
	visibility:hidden;
    }
  .thumb img { 
	position: initial;
	width: 90vw;
	float: left;
	margin-left: 0px;
	}
  .thumb:active, span {
  	cursor: pointer;
	position: sticky;
	position: -webkit-sticky;
	position: -moz-sticky;
 	position: -ms-sticky;
 	position: -o-sticky; 
	visibility:visible;
	z-index: 99;
	align-self: center;
	}
}