cover.css

/*
 * Base structure
 */

html,
body {
  height: 100%;
  background-color: #333;
}
body {
  color: #fff;
  text-align: center;
  margin: 0;
  padding: 0;
  direction: rtl;
}

/*!* Extra markup and styles for table-esque vertical and horizontal centering *!
.site-wrapper {
  display: table;
  width: 100%;
  height: 100%; !* For at least Firefox *!
  min-height: 100%;
  -webkit-box-shadow: inset 0 0 100px rgba(0,0,0,.5);
          box-shadow: inset 0 0 100px rgba(0,0,0,.5);

  background: url("background.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}*/

#section0 {
  background: url("background.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#section1 {
  background: url("ety.JPG") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


#section2 {
  background: url("table-books.JPG") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.content-background {
  background-color: rgba(253, 241, 216, 0.9);
  padding: 10px;
}

.content {
  color: rgb(152, 148, 44);
}