body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
html {
	font-size: 16px;
	font-family: "Open Sans", sans-serif;
}

#header {
	background-color: #333333;
	padding: 0;
}

#main_logo {
	text-align: center;
	text-decoration: none;
	font-size: 0;
	margin: 1rem;
}

#main {
	text-align: left;
}

#main > .inside {
	margin: 0;
	padding: 1rem;
}

#main .text_block {
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans', sans-serif;
	text-align: center;
}

h2 {
	font-size: 4rem;
}

h2 {
	font-size: 3rem;
}

h3 {
	font-size: 2rem;
}

h4 {
	font-size: 1rem;
}

nav.main_nav ul {
	background-color: #333333;
    margin: 0 auto;
    padding: 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
}

nav.main_nav ul li {
    font-family: 'Open Sans', sans-serif;
	background-color: #333333;
    margin: 0;
    padding: 1rem 0;
    font-size: 1.5rem;
    display: block;
}

nav.main_nav {
	background-color: #333333;
	text-align: center;
}

nav.sub_pages ul > li.first {
	font-size: 0;
}

nav.main_nav ul li > a {
	padding: 0.5rem 1.5rem;
	color: white;
	text-decoration: none;
}

nav.main_nav ul li > strong {
	padding: 0.5rem 1.5rem;
	color: white;
	text-decoration: none;
	font-weight: normal;
}

nav.main_nav ul li > .active {
	padding: 0.5rem 1.5rem;
	color: white;
	background-color: #1cb1e2;
	text-decoration: none;
}

nav.main_nav ul li.trail {
	border-bottom: solid 5px #1cb1e2;	
}

nav.main_nav ul li.active {
	color: white;
	background-color: #1cb1e2;
}

nav.main_nav.nav_level_2 {
	background-color: black;
/*	background-color: rgb(255, 153, 0); */
}

nav.main_nav.nav_level_2 ul {
	font-size: 1.2rem;
	background-color: black;
/*	background-color: rgb(255, 153, 0); */
}

nav.main_nav.nav_level_2 ul li {
	font-size: 1.2rem;
	background-color: black;
/*	background-color: rgb(255, 153, 0); */
}

nav.main_nav.nav_level_2 ul li.active {
	background-color: #1cb1e2;
}

nav.main_nav.nav_level_2 ul .active {
	background-color: #1cb1e2;
}

div.mod_breadcrumb {
	background-color: #ffe600;
}

div.mod_breadcrumb ul {
	list-style: none;	
}

div.mod_breadcrumb li {
	list-style: none;
	display: inline-block;
}

div.mod_breadcrumb li:after {
	display: inline-block;
	padding: 0 1rem;
	content: "⮞";
}

div.mod_breadcrumb li:last-child:after {
	display: none;
}

div.mod_breadcrumb a {
	color: black;
	text-decoration: none;
	font-weight: bold;
}

div.mod_breadcrumb li.active {
	text-decoration: underline;	
	color: black;
	font-weight: bold;
}

div.list_module div.dataTables_wrapper {
	font-size: 1rem;
}

div.dataTables_wrapper div.dataTables_filter {
	width: 100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

div.dataTables_wrapper div.dataTables_filter label {
	text-align: center;
	font-size: 0;
	line-height: 0;
}

div.dataTables_wrapper div.dataTables_filter input {
	width: 100%;
	margin: 0;
	padding: 0.5rem 2rem;
	box-sizing: border-box;
	line-height: 1.2rem;
	font-size: 1rem;
	text-align: center;
}

button {
	font-size: 1.5rem;
	padding: 1rem 1.5rem;
	background-color: #6ab165;
	color: white;
	font-family: "Libre Franklin", sans-serif ;
	text-transform: uppercase;
	text-decoration:none;
	border-radius: 5px;
	border: none;
}

.update_for_sale {
	font-size: 1.5rem;
	padding: 1rem 1.5rem;
	background-color: #6ab165;
	color: white;
	font-family: "Libre Franklin", sans-serif ;
	text-transform: uppercase;
	text-decoration:none;
	border-radius: 5px;
	border: none;
}

nav.account_functions ul {
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    list-style: none;
}

nav.account_functions ul li {
}

nav.account_functions ul li a {
	display: inline-block;
	font-size: 1.5rem;
	padding: 1rem 1.5rem;
	margin: 1rem 2rem;
	background-color: #6ab165;
	color: white;
	text-decoration:none;
	font-family: "Libre Franklin", sans-serif ;
	text-transform: uppercase;
	border-radius: 5px;
	border: none;
}

form div.fields {
	font-size: 1.4rem;
	padding: 0;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

form div.fields div.widget {
	white-space: nowrap;
	padding: 0.4rem 1rem;
	display: flex;
	flex-grow: 1;
	box-sizing: border-box;
}

form div.fields div.widget input {
	flex-grow: 2;
}

form div.fields div.widget textarea {
	flex-grow: 2;
}

form div.fields div.widget label {
	width: 10rem;
}

#main form div.widget.widget-submit {
	text-align: center;
}

#main .formbody div.widget {
	font-size: 1.4rem;
	white-space: nowrap;
	padding: 0.4rem 1rem;
	display: flex;
	flex-grow: 1;
	flex-wrap: wrap;
	box-sizing: border-box;
}

#main .formbody  div.widget input {
	flex-grow: 2;
}

#main .formbody  div.widget textarea {
	flex-grow: 2;
}

#main .formbody  div.widget label {
	width: 10rem;
}

#main .formbody  div.widget.widget-checkbox {
	text-align: center;
}

#main .formbody  div.widget.widget-checkbox fieldset {
	border: none;
	width: 100%;
}

#main .formbody  div.widget.widget-submit {
	display: block;
	text-align: center;
}

div.mod_owner_check_in {
	margin-bottom: 3rem;
}

div.controls {
	display: flex;
	justify-content: center;
	gap: 1rem;
}

div.machine_for_sale {
	width: 100%;
	text-align: center;
}

.mod_machine_details {
	text-align: center;
}

.mod_machine_details div.info_links {
	border-radius: 3px;
	padding: 1rem;
	margin-bottom: 1rem;
}


.mod_machine_details div.info_links a {
	font-size: 1rem;
	padding: 0.5rem 0.75rem;
	background-color: #f90;
	color: white;
	font-family: "Libre Franklin", sans-serif ;
	text-transform: uppercase;
	text-decoration:none;
	border-radius: 5px;
	border: none;
}

.mod_machine_details div.general_info {
	border-radius: 3px;
	padding: 1rem;
	margin-bottom: 1rem;
}

.mod_machine_details div.problems {
	border: solid black 1px;
	border-radius: 3px;
	padding: 1rem;
	margin-bottom: 1rem;
}

.mod_machine_details div.problems h4 {
	display: block;
	margin: 0;
	padding: 0.5rem 0;
	font-size: 3rem;
	color: red;
}

.mod_machine_details div.bonus_points {
	border: solid black 1px;
	border-radius: 3px;
	padding: 1rem;
	margin-bottom: 1rem;
}

.mod_machine_details div.bonus_points h3 {
	display: block;
	margin: 0;
	padding: 0.5rem 0;
	font-size: 3rem;
}

.mod_machine_details div.bonus_points ul {
	text-decoration: none;
	list-style: none;
	margin: 1rem 0;
	padding: 0;
	text-align: center;
}

.mod_machine_details div.bonus_points li {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline-block;
}

.mod_machine_details div.for_sale {
	border: solid black 1px;
	border-radius: 3px;
	padding: 1rem;
	margin-bottom: 1rem;
}

.mod_machine_details div.for_sale h3 {
	display: block;
	margin: 0;
	padding: 0.5rem 0;
	font-size: 3rem;
}

.mod_machine_details div.for_sale div.price {
	font-size: 2.5rem;
	color: green;
}

.mod_machine_details div.for_sale div.contact_details {
	font-size: 1.5rem;
}

.mod_machine_details div.for_sale div.contact_details h4 {
	font-size: 2rem;
}

.mod_machine_details div.form_problem {
	border: solid black 1px;
	border-radius: 3px;
	padding: 1rem;
	margin-bottom: 1rem;
}

div.form_problem {
	font-size: 1.4rem;
}

div.form_problem textarea {
	font-size: 1.4rem;
	width: 100%;
}

div.info_block {
	max-width: 1000px;
	margin: auto;
}

.notice {
	border: solid black 1px;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	padding: 20px;
	margin: 20px;
	background-color: #fffeb0;
}

@media (max-width: 1100px) {
	html {
		font-size: 12px;
	}
}

@media (max-width: 800px) {
	#main_nav ul {
		display: block;	
	}
}
updated.css
#add_machine_form {
	margin: 2rem 0;
}

#add_machine_form .game_type_wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
	justify-content: center;
}

#add_machine_form .game_type_wrapper h3 {
	width:100%;
}

#add_machine_form .game_type_wrapper button.game_type {
	width: 12rem;
}

#add_machine_form .game_details_wrapper .game_wrapper button {
	margin: 0;
	padding: 0;
	background-color: transparent;
	color: black;
}

#add_machine_form .game_details_wrapper .game_wrapper  {
	text-align: center;
}

#add_machine_form .game_details_wrapper .game_wrapper > div  {
	white-space: nowrap;
}

#add_machine_form .game_details_wrapper .game_wrapper div.helper  {
	display: inline-block;
}

div.add_machine_form div.field.game_name {
	position: relative;
	top: 0;
}

div.add_machine_form div.field.retheme_game_name {
	position: relative;
	top: 0;
}

#search_suggest {
	position: absolute;
	top: 2em;
	left: 0;
	margin: 0;
	padding: 0.5em;
	background-color: #fff;
	text-align: left;
	z-index: 10;
	border: solid black 1px;
	display: block;
}

#search_suggest li {
	list-style: none;
	display: block;
}

#search_suggest li a {
	display: block;
}

#search_suggest li.pinside {
	font-style: italic;
	color: #999999;
	white-space: nowrap;
	font-size: 0.8em;
	text-align: center;
	padding-top: 0.2em;
}

#search_suggest li.pinside a {
	display: block;
	width: auto;
	text-decoration: underline;
}