@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap');

html, body, p, a, div, span, h1, h2, h3, h4, h5, h6, select, input, textarea, button  {
	cursor: none !important;
	pointer-events: none !important;
}

body, p, a, div, span, h1, h2, h3, h4, h5, h6, select, input, textarea, button {
	font-family: 'Roboto', sans-serif !important;
}

.output_canvas {
  max-width: 100% !important;
}

body {
  margin: 0px;
	overflow: hidden;
}

#cursor, #cursor2 {
 /* z-index: 999999999999999999999999999 !important; */
  position: fixed;
  top: 0;
  right: 0;
	width: 20px;
}

#cursor img, #cursor2 img {
	width: 100%;
	height: auto;
}

.header1 {
background: url('/img/header1.jpg');
background-size: cover;
}

.header2 {
background: url('img/header2.jpg');
background-size: cover;
}

.header3 {
background: url('img/header3.jpg');
background-size: cover;
}

.header4 {
background: url('img/header4.jpg');
background-size: cover;
}

.header5 {
background: url('img/header5.jpg');
background-size: cover;
}

.header6 {
background: url('img/header6.jpg');
background-size: cover;
}

.header7 {
background: url('img/header7.jpg');
background-size: cover;
}

.header8 {
background: url('img/header8.jpg');
background-size: cover;
}

.header9 {
background: url('img/header9.jpg');
background-size: cover;
}

.header10 {
background: url('img/header10.jpg');
background-size: cover;
}

.header11 {
background: url('img/header11.jpg');
background-size: cover;
}

.header12 {
background: url('img/header12.jpg');
background-size: cover;
}

.header1 h1, .header2 h1, .header3 h1, .header4 h1, .header5 h1, .header6 h1, .header7 h1, .header8 h1, .header9 h1, .header10 h1, .header11 h1, .header12 h1 {
  color: #fff !important;
  text-shadow: 2px 2px #000;
}

.header1 .overlay, .header2 .overlay, .header3 .overlay, .header4 .overlay, .header5 .overlay, .header6 .overlay, .header7 .overlay, .header8 .overlay, .header9 .overlay, .header10 .overlay, .header11 .overlay, .header12 .overlay {
padding: 50px 12px;
background: #0007;
}


/*--------------------RESPONSIVE CSS-------------------------*/

@media (max-width: 900px) {

	main {
  margin-top: 162px;
}
	
	#cameraContainer {
  width: 100% !important;
  height: 162px !important;
		background: #fff;
}

	.output_canvas {
  width: 91.125px;
  height: 162px;
		margin-left: calc(50% - 45.5625px);
}
}