#search {
  z-index:255;
  display:none;
  position:fixed;
  width:100%;
  height:100%;
}

#search.show {
  display:block;
}

#search .background {
  position: absolute;
  z-index:100;
  width:100%;
  height:100%;
  background-color:rgba(0,0,0,0.3);
}

#search .content {
  position: absolute;
  z-index:200;
  width:300px;
  height:50px;
  top: 50%;
  left: 50%;
  margin-top: -25px; /* Half the height */
  margin-left: -150px; /* Half the width */
}

#search .fa {
    font-size: 10em;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    margin-left: 70px;
    margin-top: -58px;
    color: #666;
}

#search .content input {
  width: 100%;
  font-size:2em;
  border: 2px solid rgba(255,255,255,0.2);
  padding: 10px 20px;
  border-radius: 40px;
  background-color: rgba(255,255,255,0.5);
}