/* Background */
html
{ max-width: 100%; overflow-x: hidden }

body{
	background-color: #031122;
	max-width: 100%;
	overflow-x: Hidden;
}

/* General Settings */
*{
	color: #c3c3c3; 
	font-size: 4vw;
	font-family: verdana,helvetica,sans-serif;
	text-align: center;
	font-weight: bold;

}

h1{
	width: 100%;
	text-align: center;
	font-size: 5vw;
}

/* TABLES */
table{
	margin-left: auto; margin-right: auto; width: 90%; max-width: 1000px; font-size: 4vw;
}

caption{
	padding-bottom: 10px;
}

/*  */
th{
	font-size: 3vw; max-width: 90%; color: #969696; padding-top: 10px; padding-bottom: 10px;
}

/*  */
td{
	width: 40%;
}

/* DROPDOWN INPUT BOXES */
select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	text-align: -webkit-center;
	width: 100%; height: 100%;
	border: none; background-color: rgb(33,49,74);
	padding-top: 10px; padding-bottom: 10px;
	font-family: verdana,helvetica,sans-serif; font-size: 4vw;
}

.dropdown{
	background-color: rgb(33,49,74); color: #c3c3c3;
	width: 40%;
	border-style: outset; border-width: 4px;
	border-color: rgb(33,49,74);
}

/* Light blue answer boxes */
.answer{
	font-size: 4vw; width: 40%; color: #c3c3c3; background: rgb(41,74,107); padding-top:10px; padding-bottom: 10px; border-style: none;
}

.warning{
	width: 100%;
	font-size: 3vw;
	color: #ff0000;
	padding-top: 5px; padding-bottom: 5px;
}

#RESULTS{
	 display: none;
}

/******************************************************************************************************/

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  	max-width: 100%;
	overflow-x: Hidden;
	width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: rgb(41,74,107);
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
  
}

.ModalText {
	font-family: monospace;
	color: #c3c3c3;
	text-align: left;
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}