#circle{
	top: 50%;
	right: 50%;
	transform: translate(50%,-50%);
	width: calc(100vw/3);
	height: calc(100vw/3);
	border:solid;
	border-radius: 50%;
	border-color: white;
	border-width: 3px;
	position: fixed;
	z-index: 1000;
}



@font-face{
	font-family: "comfortaa";
	src:url("Comfortaa-Regular.ttf")
}



#btn1{
	width: calc(100vw/30);
	height: calc(100vw/30);
	border-radius: 50%;
	background-color: white;
	border: none;
	position: fixed;
	top: 70%;
	right: 50%;
	transform: translate(50%,-50%);
	z-index: 9000;
	cursor: pointer;
	font-family: comfortaa;
	color:#333333;
	font-size: calc(100vw/69);
	transition: .2s ease-in-out;
	text-align: center;
}

#btn1:hover{
	width: calc(100vw/25);
	height: calc(100vw/25);
	
}

#btn2{
	width: calc(100vw/30);
	height: calc(100vw/30);
	border-radius: 50%;
	background-color: white;
	border: none;
	position: fixed;
	top: 70%;
	right: 50%;
	transform: translate(50%,-50%);
	z-index: 9000;
	cursor: pointer;
	font-family: comfortaa;
	color:#333333;
	font-size: calc(100vw/69);
	transition: .2s ease-in-out;
	text-align: center;
}

#btn2:hover{
	width: calc(100vw/25);
	height: calc(100vw/25);
	
}

#btn3{
	width: calc(100vw/30);
	height: calc(100vw/30);
	border-radius: 50%;
	background-color: white;
	border: none;
	position: fixed;
	top: 70%;
	right: 50%;
	transform: translate(50%,-50%);
	z-index: 9000;
	cursor: pointer;
	font-family: comfortaa;
	color:#333333;
	font-size: calc(100vw/69);
	transition: .2s ease-in-out;
	text-align: center;
}

#btn3:hover{
	width: calc(100vw/25);
	height: calc(100vw/25);
	
}

#btn4{
	width: calc(100vw/30);
	height: calc(100vw/30);
	border-radius: 50%;
	background-color: white;
	border: none;
	position: fixed;
	top: 70%;
	right: 50%;
	transform: translate(50%,-50%);
	z-index: 9000;
	cursor: pointer;
	font-family: comfortaa;
	color:#333333;
	font-size: calc(100vw/69);
	transition: .2s ease-in-out;
	text-align: center;
}

#btn4:hover{
	width: calc(100vw/25);
	height: calc(100vw/25);
	
}

#btn5{
	width: calc(100vw/30);
	height: calc(100vw/30);
	border-radius: 50%;
	background-color: white;
	border: none;
	position: fixed;
	top: 70%;
	right: 50%;
	transform: translate(50%,-50%);
	z-index: 9000;
	cursor: pointer;
	font-family: comfortaa;
	color:#333333;
	font-size: calc(100vw/69);
	transition: .2s ease-in-out;
	text-align: center;
}

#btn5:hover{
	width: calc(100vw/25);
	height: calc(100vw/25);
	
}

#btn6{
	width: calc(100vw/30);
	height: calc(100vw/30);
	border-radius: 50%;
	background-color: white;
	border: none;
	position: fixed;
	top: 70%;
	right: 50%;
	transform: translate(50%,-50%);
	z-index: 9000;
	cursor: pointer;
	font-family: comfortaa;
	color:#333333;
	font-size: calc(100vw/69);
	transition: .2s ease-in-out;
	text-align: center;
}

#btn6:hover{
	width: calc(100vw/25);
	height: calc(100vw/25);
	
}

#btn7{
	width: calc(100vw/30);
	height: calc(100vw/30);
	border-radius: 50%;
	background-color: white;
	border: none;
	position: fixed;
	top: 70%;
	right: 50%;
	transform: translate(50%,-50%);
	z-index: 9000;
	cursor: pointer;
	font-family: comfortaa;
	color:#333333;
	font-size: calc(100vw/69);
	transition: .2s ease-in-out;
	text-align: center;
}

#btn7:hover{
	width: calc(100vw/25);
	height: calc(100vw/25);
	
}

#btn8{
	width: calc(100vw/30);
	height: calc(100vw/30);
	border-radius: 50%;
	background-color: white;
	border: none;
	position: fixed;
	top: 70%;
	right: 50%;
	transform: translate(50%,-50%);
	z-index: 9000;
	cursor: pointer;
	font-family: comfortaa;
	color:#333333;
	font-size: calc(100vw/69);
	transition: .2s ease-in-out;
	text-align: center;
}

#btn8:hover{
	width: calc(100vw/25);
	height: calc(100vw/25);
	
}

#btn9{
	width: calc(100vw/30);
	height: calc(100vw/30);
	border-radius: 50%;
	background-color: white;
	border: none;
	position: fixed;
	top: 70%;
	right: 50%;
	transform: translate(50%,-50%);
	z-index: 9000;
	cursor: pointer;
	font-family: comfortaa;
	color:#333333;
	font-size: calc(100vw/69);
	transition: .2s ease-in-out;
	text-align: center;
}

#btn9:hover{
	width: calc(100vw/25);
	height: calc(100vw/25);
	
}

#text1 {
   top:50%;
	right: 50%;
  position:fixed;
	font-size: calc(100vw/69);
	font-family: comfortaa;
	color: white;
	transform: translate(50%,-50%);
}

#text2 {
      top:50%;
	right: 50%;
  position:fixed;
	font-size: calc(100vw/69);
	font-family: comfortaa;
	color: white;
	transform: translate(50%,-50%);
}

#text3 {
      top:50%;
	right: 50%;
  position:fixed;
	font-size: calc(100vw/69);
	font-family: comfortaa;
	color: white;
	transform: translate(50%,-50%);
}

#text4 {
      top:50%;
	right: 50%;
  position:fixed;
	font-size: calc(100vw/69);
	font-family: comfortaa;
	color: white;
	transform: translate(50%,-50%);
}

#text5 {
      top:50%;
	right: 50%;
  position:fixed;
	font-size: calc(100vw/69);
	font-family: comfortaa;
	color: white;
	transform: translate(50%,-50%);
}

#text6 {
      top:50%;
	right: 50%;
  position:fixed;
	font-size: calc(100vw/69);
	font-family: comfortaa;
	color: white;
	transform: translate(50%,-50%);
}

#text7 {
      top:50%;
	right: 50%;
  position:fixed;
	font-size: calc(100vw/69);
	font-family: comfortaa;
	color: white;
	transform: translate(50%,-50%);
}

#text8 {
      top:50%;
	right: 50%;
  position:fixed;
	font-size: calc(100vw/69);
	font-family: comfortaa;
	color: white;
	transform: translate(50%,-50%);
}

#text9 {
      top:50%;
	right: 50%;
  position:fixed;
	font-size: calc(100vw/69);
	font-family: comfortaa;
	color: white;
	transform: translate(50%,-50%);
}

#video{
	
	width: 100%;
}

#image{
	
	width: 100%;
	

}
#image1{
	
	width: 100%;
}

#video1{
	
	width: 100%;
}

#image2{
	
	width: 100%;
}

#image3{
	
	width: 100%;
}

#image4{
	
	width: 100%;
}

#image5{
	
	width: 100%;
}

#image6{
	
	width: 100%;
}