@import url('../fonts/DistantStroke.css');

html,body {
  height: 100%;
}

.wrapper {
  height: 100%;
}

.fixed-bg {
  height: 100%; 
  width: 100%;
}

.fixed-bg {
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.scroll-bg {
  background-color: #0f0f0a;
}

.scroll-bg-light {
  background-color: #efefea;
}

/* first section */
.bg-00 { background-image: url('../images/background00.jpg'); }
/* third section */
.bg-01 { background-image: url('../images/background01.jpg'); }
/* fifth section */
.bg-02 { background-image: url('../images/background02.jpg'); }
.bg-03 { background-image: url('../images/background03.jpg'); }
.bg-04 { background-image: url('../images/background04.jpg'); }
.bg-05 { background-image: url('../images/background05.jpg'); }
.bg-06 { background-image: url('../images/background06.jpg'); }
.bg-07 { background-image: url('../images/background07.jpg'); }
.bg-08 { background-image: url('../images/background08.jpg'); }
.bg-09 { background-image: url('../images/background09.jpg'); }
.bg-10 { background-image: url('../images/background10.jpg'); }
.bg-11 { background-image: url('../images/background11.jpg'); }
.bg-12 { background-image: url('../images/background12.jpg'); }
.bg-13 { background-image: url('../images/background13.jpg'); }
.bg-14 { background-image: url('../images/background14.jpg'); }
.bg-15 { background-image: url('../images/background15.jpg'); }
.bg-16 { background-image: url('../images/background16.jpg'); }
.bg-17 { background-image: url('../images/background17.jpg'); }
.bg-18 { background-image: url('../images/background18.jpg'); }
.bg-19 { background-image: url('../images/background19.jpg'); }
.bg-20 { background-image: url('../images/background20.jpg'); }
.bg-21 { background-image: url('../images/background21.jpg'); }
.bg-22 { background-image: url('../images/background22.jpg'); }

.wrapper {
  font-family: 'Distant Stroke';
  font-style: normal;
  line-height: 0.8;
  word-spacing: 2px;
  letter-spacing: 1px;
}

.fixed-bg {
  color: black;
}

.scroll-bg {
  padding: 10px 70px;
  color: #878787;
}

.fixed-bg {
  text-align: center;
  display: table;
}

.fixed-bg h1 {
  display: table-cell;
  vertical-align: middle;
  font-size: 300px;
}

.fixed-bg .condolences {
  display: table-cell;
  vertical-align: middle;
}

.condolences {
  display: table-cell;
  vertical-align: middle;
  font-size: 100px;
}