html{
	font-size: 8px;
}
*{
	margin: 0px;
	font-size: 1.5rem;
	font-family: "Helvetica";
}
.font_size1, .font_size1 *{
	font-size: 48px;
}
.font_size1 img, .font_size1 svg{
	height: 6rem;
}
.font_size2, .font_size2 *{
	font-size: 32px;
}
.font_size2 img, .font_size2 svg{
	height: 4rem;
}
.font_size3, .font_size3 *{
	font-size: 24px;
}
.font_size3 img, .font_size3 svg{
	height: 3rem;
}
.font_size4, .font_size4 *{
	font-size: 16px;
}
.font_size4 img, .font_size4 svg{
	height: 2rem;
}
.fit{
	min-height: 100vh;
}
.fixed{
	position: fixed;
}
p{
	line-height: 1.5;
	letter-spacing: 0.5px;
}
.block{
	display: block;
}
.inline{
	display: inline;
}
.table{
	display: table;
}
.table > *{
	display: table-cell;
}
.side{
	width: 25%;
}
.equal{
	table-layout: fixed;
}
.right{
	text-align: right;
}
.center{
	text-align: center;
}
.justify{
	text-align: justify;
}
.top, .child_top > *{
	vertical-align: top;
}
.middle, .child_middle > *{
	vertical-align: middle;
}
.fill{
	width: 100%;
	box-sizing: border-box;
}
.desktop, .child_desktop > *, .grand_desktop > * > *{
	margin: auto;
	max-width: 1024px;
}
.desktop1, .child_desktop1 > *, .grand_desktop1 > * > *{
	margin: auto;
	max-width: 1024px;
}
.desktop2, .child_desktop2 > *, .grand_desktop2 > * > *{
	margin: auto;
	max-width: 1280px;
}
.gray1{
	color: gray;
}
.gray2{
	color: white;
	background: gray;
}
.blue1{
	color: blue;
}
.blue2{
	color: white;
	background: blue;
}
.green1{
	color: green;
}
.green2{
	color: white;
	background: green;
}
.orange1{
	color: orange;
}
.orange2{
	color: white;
	background: orange;
}
.red1{
	color: red;
}
.red2{
	color: white;
	background: red;
}
a{
	color: inherit;
	text-decoration: none;
}
.gap, .child_gap > *, .grand_gap > * > *{
	padding: 8px;
}
.content, .child_content > *, .grand_content > * > *{
	padding: 16px;
}
label{
	font-weight:bold;
}
input{
/*	width: 100%;*/
	border: none;
/*	padding: 8px;*/
/*	outline: none;*/
/*	overflow: hidden;*/
/*	border-radius: 0px;*/
	box-sizing: border-box;
/*	-webkit-appearance: none;*/
}
.container, .child_container > *, .grand_container > * > *{
	overflow: hidden;
	border-radius: 4px;
}
.container1, .child_container1 > *, .grand_container1 > * > *{
	overflow: hidden;
	border-radius: 1rem;
}
.container2, .child_container2 > *, .grand_container2 > * > *{
	overflow: hidden;
	border-radius: 2rem;
}
.circle{
	overflow: hidden;
	border-radius: 50%;

}
.shadow, .child_shadow > *{
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
}
.auto{
	margin: auto;
	display: table;
}
.grid_right{
	display: grid;
	grid-auto-flow: column;
	grid-template-columns: 1fr auto;
}
.grid_left{
	display: grid;
	grid-auto-flow: column;
	grid-template-columns: auto 1fr;
}
.grid_center{
	align-items: center;
}
@media screen and (min-width: 768px){
	.desktop_table{
		display: table;
	}
	.desktop_table > *{
		display: table-cell;
	}
	.desktop_side{
		width: 25%;
	}
	.desktop_right{
		text-align: right;
	}
	.desktop_hidden{
		display: none;
	}
	.desktop_grid_right{
		display: grid;
		grid-auto-flow: column;
		grid-template-columns: 1fr auto;
	}
	.desktop_grid_left{
		display: grid;
		grid-auto-flow: column;
		grid-template-columns: auto 1fr;
	}
}
@media screen and (max-width: 768px) and (min-width: 512px){
	.tablet_table{
		display: table;
	}
	.tablet_table > *{
		display: table-cell;
	}
	.tablet_side{
		width: 25%;
	}
	.tablet_right{
		text-align: right;
	}
}
@media screen and (max-width: 512px){
	.mobile_table{
		display: table;
	}
	.mobile_table > *{
		display: table-cell;
	}
	.mobile_side{
		width: 25%;
	}
	.mobile_hidden{
		display: none !important;
	}
	.mobile_center{
		text-align: center;
	}
}