* {box-sizing: border-box;}

body{
background-color:black;	
font-size: 50px;
}

#splash{
	background: url("images/splash.jpg") no-repeat;
	height: 100%;

  
  background-position: center;
  background-size: cover;
  overflow: hidden;
}


/* The overlay effect - lays on top of the container and over the image */
.overlay {
  position: absolute;
  bottom: 50%;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5); /* Black see-through */
  color: #f1f1f1;
  width: 100%;
  transition: .5s ease;
  opacity:80%;
  color: white;
  font-size: 40px;
  padding: 20px;
  text-align: center;
  overflow: hidden;
    left: 0;
  right: 0;
  
}

.bigger{
	font-size: 80px;
}

.smaller{
	font-size: 20px;
}