.history-page__background-image {
  background-image: url(background.jpg);
  height: 100%;
  overflow: hidden;
}

.history-page__header-wrapper {
  box-shadow: 0 -131px 141px -29px rgba(0, 0, 0, 0.54) inset;
}

.history-page {
  top: 800px;
  width: 100%;
  overflow: auto;
}

.history-page__header {
  height: 300px;
  text-align: center;
}

.history-page__title {
  color: white;
  font-family: "Roboto",Arial,sans-serif;
  font-size: 60px;
  line-height: 450px;
  font-weight: 900;
  margin-bottom: -210px;
}

.history-page__subtitle {
  color: white;
  font-family: "Playfair Display",serif;
  font-style: italic;
  font-size: 24px;
}

.history-page__content-wrapper {
  background-color: white;
  height: 5000px;
}

.history-page__content {
  width: 960px;
  margin: 0 auto;
  text-align: center;
  font-family: "Roboto",Arial,sans-serif;
  font-weight: 400;
  font-size: 21px;
  line-height: 30px;
  margin-bottom: 23px;
}

html, body {
  height: 100%;
}

body {
  overflow: auto;
  margin: 0;
}

.title1 {
  font-size: 60px;
  margin-bottom: 30px;
  color:white;
  position:relative;
  top:420px;
  right: 110px;
  font-family: "Roboto",Arial,sans-serif;
  line-height: 60px;
  font-weight: 700;

}
.subtitle{
  font-weight: 900;
  margin-bottom: 410px;
  color: #fff;
  position:relative;
  top:400px;
  right: 80px;
  font-family: "Playfair Display",sans-serif;
  font-style: italic;
  font-size: 24px;
  line-height: 24px;
  font-weight: 400;

}
.container_middle{
	background-color: #fff;
 position: fixed;
 top: 1;
 left: 0;
 width: 100%;
 height: 100%;  


}

}
.background-pic{

	position: absolute;
  z-index: -666;
  overflow:;
  	/*top: 1;
  	left: 0;
  	width: 100%;
  	height: 100%;*/
   box-shadow: inset 0px 0px 30px 30px rgba(0, 0, 0, 0.9);

 }
 .text{
   margin:0;
   box-sizing: border-box;
   font-size: 21px;
   line-height: 30px;
   margin-bottom: 23px;
   font-family:"Roboto",Arial,sans-serif;
   font-weight: 400;
   margin-right: 500px;
   display: block;
   -webkit-margin-before: 1em;
   -webkit-margin-after: 1em;
   -webkit-margin-start: 0px;
   -webkit-margin-end: 0px;
   white-space: normal;
 }
 .parallax {
  perspective: 1px;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
}
.parallax__layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.parallax__layer--base {
  transform: translateZ(0);
}

.parallax__layer--back {
  transform: translateZ(-1px);
}