/* width */
::-webkit-scrollbar {
  width: 0px;
}
body{
	border: 0;
	margin: 0;
	background: black;
	padding: 0;
}
.body_container{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-family: sans-serif;
}
button{
	font-size: 15pt;
	background: rgb(250,250,250);
	height: 40pt;
	width: 20%;
	padding: 15px;
	border-radius: 4pt;
	margin: 5% auto;
	border: 0px;
	min-width: 200px;
}
button:hover{
	cursor: pointer;
	background: rgb(230,230,230)
}
.home_background_image{
	width: 100%;
	height: 100%;
}
#home_background_image_0{
	width: 100%;
	height: 100%;
	display: all;
}
#home_background_image_1{
	width: 100%;
	height: 100%;
	display: none;
}
#home_background_image_2{
	width: 100%;
	height: 100%;
	display: none;
}
#home_background_image_3{
	width: 100%;
	height: 100%;
	display: none;
}
#home_background_image_4{
	width: 100%;
	height: 100%;
	display: none;
}
#home_background_image_5{
	width: 100%;
	height: 100%;
	display: none;
}
#home_background_image_6{
	width: 100%;
	height: 100%;
	display: none;
}
#home_background_image_container{
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: -99;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
#home_background_image_shader_container{
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: -98;
	top: 0;
	left: 0;
}
.home_background_video{
	min-height: 100%;
	min-width: 110%;
	width: auto;
	height: auto;
	background-size: 100% 100%;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	#margin: -5% 0 0 -5%;
	position: fixed;
	bottom: 0%;
	right: -15%;
}
##
@media only screen and (max-width: 800px) {
  .home_background_video{
	min-height: 120%;
	#margin: -10% 0 0 -85%;
	}
}
##
@media only screen and (max-width: 600px) {
  .home_background_video {
	min-height: 120%;
	#margin: -20% 0 0 -170%;
	}
}
.home_frame{
	display: flex;
	align-items: center;
	#justify-content: center;
	margin: auto auto;
	position: relative;
	width: 85%;
	height: 100%;
	text-align: center;
	background-color: rgba(0,256,0,0.00);
}
.home_frame_header{	
	color: white;
	font-size: 60pt;
	text-shadow: 0 0 10px green;
	width: 100%;
}
#home_frame_logo{
	margin: auto auto;
	width: 10%;
	min-width: 125px;
}
@media only screen and (max-width: 3840px) {
  .home_frame_header {
	font-size: 70pt;
	}
}
@media only screen and (max-width: 2560px) {
  .home_frame_header {
	font-size: 60pt;
	}
}
@media only screen and (max-width: 800px) {
  .home_frame_header {
	font-size: 50pt;
	}
}
@media only screen and (max-width: 600px) {
  .home_frame_header {
	font-size: 40pt;
	}
}
#home_frame_qr{
	width: 100%;
}
.home_frame_subtitle{
	font-size: 20px;
}
.image_shader{
	background-color: rgba(0,0,0,0.5);
	width: 100%;
	height: 100%;
	margin: auto auto;
}
#survey_background_image_container{
	background: linear-gradient(rgb(232,232,232),rgb(195,195,195));
	
	width: 100%;
	height: 100%;
	border: 0;
	margin: 0;
	padding: 0;
}
.survey_frame_header{
	color: rgb(51,88,78);
	font-size: 60pt;
	text-shadow: 0 0 10px gray;
	width: 100%;
}
#survey_logo{
	width: 10%;
	min-width: 150px;
}
#survey_qr_code{
	width: ;
}
.survey_launch_button{
	min-width: 200px;
}