h1{
	font-family:adrianna, sans-serif;
	font-weight:400;
	font-style: normal;
	margin-top:1%;
	margin-bottom:8%;
	font-size:17pt;
	text-align:center;
	position:relative;
}
h2{
	font-family:linotype-didot, serif;
	font-weight:800;
	font-style: normal;
	margin-top:1%;
	font-size:30pt;
	position:relative;
	text-align:center;
}
b{
	font-family:adrianna, sans-serif;
	font-weight:2400;
	font-style: normal;
	margin-top:1%;
	font-size:22pt;
	text-align:center;
	position:relative;
}
h3{
	font-family:adrianna, sans-serif;
	font-weight:400;
	font-style: normal;
	margin-top:1%;
	font-size:10pt;
	text-align:center;
	position:relative;
}
h4{
	margin-top:-20%;
	font-family:adrianna, sans-serif;
	font-weight:400;
	font-style: normal;
	margin-top:1%;
	font-size:12pt;
	position:relative;
	line-height:1.3;
}
p{
	line-height:1.5;
	font-family: adrianna, sans-serif;
	font-weight:75;
	font-style: normal;
	margin-top:1%;
	font-size:12pt;
}
.divider_three{
	margin-top:35%;
	height:2px;
	width:100%;
}

a{
   text-decoration:none;
   color:black;
}
body{
	  overflow-x: hidden;
}

.scaffold {
  width:80%;
  position: relative;
  left: 50%;
  margin-top:-1%;
  max-width:900px;
  transform: translate(-50%);
}
.segment {
  width:80%;
  position: relative;
  left: 50%;
  margin-top:1%;
  max-width:900px;
  transform: translate(-50%);
}
.center_left_element{
  width:50%;
  position: absolute;
  left: 20%;
  max-width:750px;
  transform: translate(-50%);
  margin-top:2%;
  margin-right:1%;
}
.center_right_element{
  width:50%;
  position: absolute;
  left: 80%;
  max-width:750px;
  transform: translate(-50%);
  margin-top:2%;
  margin-left:1%;
}
.center_left_element_two{
  width:50%;
  position: absolute;
  left: 20%;
  max-width:750px;
  transform: translate(-50%);
  margin-top:2%;
  margin-right:1%;
}
.center_right_element_two{
  width:50%;
  position: absolute;
  left: 80%;
  max-width:750px;
  transform: translate(-50%);
  margin-top:2%;
  margin-left:1%;
}
.right_element{
  width:50%;
  position: absolute;
  left: 85%;
  max-width:750px;
  transform: translate(-50%);
  margin-top:2%;
  margin-left:1%;
}
.left_element{
  width:50%;
  position: absolute;
  left: 35%;
  max-width:750px;
  transform: translate(-50%);
  margin-top:2%;
  margin-right:1%;

}

.click_button{
}

.divider{
  z-index:-2;
  width:100%;
  margin-top:75%;
  position:relative;
}

.divider_two{
  z-index:-2;
  width:100%;
  margin-top:65%;
  position:relative;
}

@media only screen and (max-width: 1150px){
	p{
		font-size:1.35vw;
	}
	h1{
		font-size:1.8vw;
	}
	h2{
		font-size:2.9vw;
	}
	h3{
		font-size:1.1vw;
	}
	h4{
		font-size:1.5vw;
	}
	b{
		font-size:1.4vw;
	}
}	

@media only screen and (max-width: 500px){
	.scaffold{
	  width:130%;
	}
	.center_left_element{
	  width:75%;
	  position: absolute;
	  left: 50%;
	  transform: translate(-50%);
	  margin-top:2%;
	  margin-right:1%;
	}
	.click_button{
	  margin-top:-5%;
	}
	.center_right_element{
	  width:75%;
	  position:absolute;
	  left:50%;
	  transform: translate(-50%);
	  margin-top:182%;
	  margin-left:1%
	}
	.divider{
	  margin-top:355%;
	}
	.divider_two{
	  margin-top:180%;
	}
	.center_left_element_two{
      width:75%;
	  position: absolute;
	  left: 50%;
	  transform: translate(-50%);
	  margin-top:2%;
	  margin-right:1%;
	}
	.center_right_element_two{
	  width:75%;
	  position: absolute;
	  left: 50%;
	  transform: translate(-50%);
	  margin-top:90%;
	  margin-left:1%;
	}
	p{
		font-size:4vw;
	}
	h1{
		font-size:6vw;
	}
	h2{
		font-size:8vw;
	}
	h3{
		font-size:2.4vw;
	}
	h4{
		font-size:3.2vw;
	}
	b{
		font-size:3.2vw;
	}
	.divider_three{
		margin-top:45%;
		height:2px;
	}
}