html{
    overflow: auto;
}
body{
	background-color:	black;
	color:				white;
	margin:				0px;
	border:				0px solid black;
	font-family: 		'Fira Sans', sans-serif;
	-webkit-touch-callout: none; /* iOS Safari */
		-webkit-user-select: none; /* Safari */
		-khtml-user-select: none; /* Konqueror HTML */
			-moz-user-select: none; /* Firefox */
			-ms-user-select: none; /* Internet Explorer/Edge */
				user-select: none; /* Non-prefixed version, currently
									supported by Chrome and Opera */
}
p{
	margin-bottom:		3px;
}
a,#div_contactLink{
	text-decoration-line:	underline;
	text-decoration-style:	dotted;
	color:					white;
}
canvas{
	border:				0px solid red;
	position:			fixed;
	width:				100%;
	height:				100%;
	background-color: black;
	z-index: 			0;
}
#contact_form_wrapper {
	position: 			fixed;
	display:			none;
	z-index: 			100;
	flex: 				1;
	min-height: 		100%;
	min-width: 			100%;
	align-items:		center;
	justify-content:	center;
}
#contact_form_div td{
	padding:			5px;
}
#contact_form_div input, #contact_form_div textarea{
	width:				200px;
}
#contact_form_div textarea{
	height:				200px;
}
#form_answer{
	text-align: 		center;
}
#contact_form_div{
	color:				black;
	background-color: 	white;
	padding:			20px;
	box-shadow: 		0px 0px 15px #464646;
	border-radius: 		5px;
}
#div_formSend, #div_formCancel {
    cursor: 			pointer;
	border:				1px solid black;
	display:			inline-block;
	padding:			5px;
	width:				60px;
	border-radius: 		7px;
	text-align: 		center;
}
#div_formSend:hover, #div_formCancel:hover {
	color:				 hsl(31, 100%, 50%);
	border:				1px solid hsl(31, 100%, 50%);
	width:				70px;
}
#div_contactLink {
    cursor: 			pointer;
	font-size:			22px;
}
#div_wrapper{
	position:			fixed; 
	top:				0px; 
	left:				30px; 
	bottom:				0px; 
	right:				30px;
	border:				0px solid red;
	display:			flex;
	flex-direction:		column;
	min-height:			200px;
	z-index: 			99;
}
#div_header,#div_footer{
	min-height: 			100px;
	max-height: 			100px;
}
#div_header_left,#div_header_right{
	flex-grow: 1;
}
#div_header_left{
	text-align: left;
}
#div_header_right{
	text-align: right;
}
#div_header{
	border-bottom:		1px solid #464646;
	display:			flex;
	align-items:		center;
	justify-content:	center;
	padding-left:		100px;
}
#img_logo_prog24{
	height:				60px;
}
#img_logo_acoa{
	height:				80px;
}
#p_acoa_logo{
	padding-left:		60px;
}
#div_footer{
	border-top:			1px solid #464646;
	display:			flex;
	align-items:		center;
	justify-content:	flex-end;
	padding-right:		100px;
}
#div_body{
	flex: 				1;
	display:			flex;
	align-items: 		stretch;
	min-width:			300px;
}
#div_body_center{
	font-size:			52px;
	flex: 				1;
	border:				0px solid red;
	text-align:			center;
	display:			flex;
	align-items:		center;
	justify-content:	center;
	padding:			0px 25px;
	letter-spacing: 	4px;
}
#div_body_left{
	width: 				300px;
	border:				0px solid red;
}
#div_body_right{
	width: 				300px;
	border:				0px solid red;
	display:			flex;
	align-items:		center;
	justify-content:	center;
	font-size:			18px;
	padding:			0px 0px 15px;
}
#div_list{
	border:				0px solid red;
	padding: 			30px 0px;
}


/* MEDIA */
@media (max-height: 700px) {
	#div_body_center{
		font-size:		36px;
	}
	#div_list{
		margin:			0px;
	}
	p{
		margin:			0px;
	}
}
@media (max-height: 700px) and  (max-width: 500px){
	#div_body_center{
		font-size:		24px;
	}
}
@media (max-height: 550px) {
	#div_body_center{
		font-size:		24px;
	}
	#div_header,#div_footer{
		min-height: 	60px;
		max-height: 	60px;
	}
	#div_list{
		padding:		0px;
	}
	#img_logo_acoa{
		height:			60px;
	}
}
@media (max-height: 400px) {
	#p_acoa_logo{
		display:		none;
	}
	#div_footer{
		min-height: 	30px;
		max-height: 	30px;
	}
}
@media (max-width: 720px) {
	#div_body_right,#div_body_left{
		width: 				200px;
	}
	#div_footer{
		justify-content:	center;
		padding-right:		0px;
	}
	#div_header{
		padding-left:		0px;
	}
}
@media (max-width: 600px) or (max-height: 600px){
	#div_body_center{
		font-size:			24px;
	}
	#contact_form_div{
		font-size: 12px;
	}
	#contact_form_div input, #contact_form_div textarea{
		width:				120px;
	}
	#contact_form_div td{
		padding:			1px;
	}
	#contact_form_div textarea{
		height:				100px;
	}
}
@media (max-width: 1000px) {
	#div_contactLink {
		font-size:			14px;
	}
	#div_body_right{
		font-size:			12px;
	}
	#div_body{
		flex-direction:		column;
	}
	#div_body_left{
		display:			none;
	}
	#div_body_right{
		width: 				100%;
	}
	#div_list{
		text-align:			center;
	}
	#p_acoa_logo{
		padding-left:		0px;
	}
}
@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
	html {
	  transform: rotate(-90deg);
	  transform-origin: left top;
	  width: 100vh;
	  height: 100vw;
	  overflow-x: hidden;
	  position: absolute;
	  top: 100%;
	  left: 0;
	}
  }