@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300);
body {

  background-position: center top;
 
  font-family: 'Source Sans Pro', sans-serif;
  color: white;
  font-weight: 300;
}

.container {
  max-width: 800px;
  margin: 0 auto;
  padding: 40px 0;
  height: 400px;
  text-align: center;
}

form {
  padding: 0px 0;
  position: relative;
  z-index: 2;
}
form input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
 
  outline: 0;
  border: 0.5px solid #440000;
  background-color: #220000;
  width: 250px;
  border-radius: 3px;
  padding: 10px 15px;
  margin: 12 auto 10px auto;
  display: block;
  text-align: center;
  font-size: 18px;
  color: blue;
  transition-duration: 0.25s;
  font-weight: 300;
}
form input:hover {
  background-color: white;
  width: 300px;
}
form input:focus {
  background-color: white;
  width: 300px;
  color: green;
}

form select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
 
  outline: 0;
  border: 0.5px solid #440000;
  background-color: #220000;
  width: 250px;
  border-radius: 3px;
  padding: 10px 15px;
  margin: 0 auto 10px auto;
  display: block;
  text-align: center;
  font-size: 18px;
  color: #aaaaaa;
  transition-duration: 0.25s;
  font-weight: 300;
}
form select:hover {
  background-color: white;
  width: 300px;
}
form select:focus {
  background-color: white;
  width: 300px;
  color: green;
}

form button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: 0;
  background-color: #660000;
  border: 0;
  padding: 0px 0px;
  color: #aaaaaa;
  border-radius: 3px;
  height: 40px;
  width: 250px;
  cursor: pointer;
  font-size: 18px;
  transition-duration: 0.25s;
}

form button:hover {
  background-color: #9E0000;
  transition-duration: 0.25s;
}

.button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: 0;
  background-color: #660000;
  border: 0px;
  padding: 10px 15px;
  color: #aaaaaa;
  border-radius: 3px;
  width: 155;
  cursor: pointer;
  font-size: 18px;
  transition-duration: 0.25s;
}

.button:hover {
  background-color: #9E0000;
  transition-duration: 0.25s;
}

.textOverImage{
    position:relative;
    width:154;
    height:154;
    float:left;
    margin:4px;
    background-size:100%;
    background-position:center;
    transition:0.5s;
  }
  
  .textOverImage:hover{
    background-size:110%;
  }
  
  .textOverImage:after{
    position:absolute;
    top:90%;
    bottom:0;
    left:0;
    right:0;
    white-space:pre-wrap;
    overflow:hidden;
    background-color:rgba(0,0,0,0.6);
    color:#fff;
    padding:0 8px;
    content:attr(data-text);
	font-size:0.8em;
    transition:0.5s;
  }
  
  .textOverImage:hover:after{
    top:0;
    padding:8px;
    background-color:rgba(0,0,0,0.6);
  }