html, body{
  height: 100%;
}


#bg {
			background-image: url("../img/background.jpg") ;
			background-position: center center;
			background-repeat:  no-repeat;
			background-attachment: fixed;
			background-size:  cover;
			background-color: #fff;
			width: 100%;
			height: 100%;

}

#fools { 
max-width: 100%;
max-height: 100%;
 position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}

div, body{
  margin: 0;
  padding: 0;
  font-family: exo, sans-serif;
  
}


#upper_left {
	position: absolute;
	top: 0;
	left: 0;
}
#upper_right {
	position: absolute;
	top: 0;
	right: 0%;
}
#lower_left {
	position: absolute;
	bottom: 0%;
	left: 0;
}
#lower_right {
	bottom: 0%;
	right: 0%;
	position: absolute;
}

.hidden {
display:none;
}

a:hover + div {
    display: block;
}


.showme{ 
display: none;
}
.showhim:hover .showme{
display : block;
}