html {
 /* font-size: 62.5%; */
  /*font-size: .6vw;*/
  /*box-sizing: border-box;*/

}

*, *:before, *:after {
  box-sizing: inherit;
}

body {
	background: #407f7f;
	font-size: 1.2em;
  	font-family: sans-serif;
  	color: #DDD;
  	padding-bottom: 100px;
  	margin: 0;
  	overflow-x: hidden;
}

body a, a:link, a:visited {
	color: #243D56;
	text-decoration: none;
}

body a:hover {
	color: #670906;
	text-decoration: none;
}

.container {

	margin: 0 auto;

	max-width: 1000px;
	background: #407f7f;

	padding-bottom: 100px;
}

/*     BORDERS     */

.b {
	border: 1px solid #355F76;
}
.bl {
	border-left: 1px solid #355f76;
}

.br {
	border-right: 1px solid #355f76 ;
}
.bt {
	border-top: 1px solid #355f76;
}
.bb {
	border-bottom: 1px solid #355f76;
}
/////////////////////////////

/*     FONT WEIGHTS     */

.f-100 {
	font-family: sans-serif;
	font-weight: 100;
}
.f-200 {
	font-weight: 200;
}
.f-300 {
	font-weight: 300;
}
.f-500 {
	font-weight: 500;
}
.f-600 {
	font-weight: 600;
}
.f-700 {
	font-weight: 700;
}

/*     HEADINGS     */

h1 {
	font-size: 2.7em;
	font-weight: 300;
	margin: 0
}
h2 {
	font-size: 2.5em;
	font-weight: 300;
	margin: 0
}
h3 {
	font-size: 2.2em;
	font-weight: 300;
	margin: 0
}
h4 {
	font-size: 2em;
	font-weight: 300;
	margin: 0
}
h5 {
	font-size: 1.8em;
	font-weight: 300;
	margin: 0
}
h6 {
	font-size: 1.6em;
	font-weight: 300;
	margin: 0
}

/*     ALIGNMENT     */

.al {
	text-align: left;
}
.ar {
	text-align: right;
}
.ac {
	text-align: center;
}

/*     FORM ELEMENTS     */
input,
input[type="text"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="date"] 
 {
background: #eff2ff;
border: 1px solid #355F76;
border-radius: 3px;
height: 2em;
padding: 5px;
font-family: sans-serif;
font-size: 1em;
max-width: 98%;
margin: 6px;
}

::placeholder {
	font-style: italic;
	color: #355f76;
	opacity: 1;
}

input[type="submit"],
button {
	background-color: #355F76;
	height: 1.5em;	
	font-family: sans-serif;
	font-size: 1em;
	border:none;
	color: #eff2ff;
	padding: 8px 8px 8px 8px ;
	border-radius: 5px;
	/*margin-bottom: 1rem;*/
}

input[type="submit"]:active,
button:active {
	background-color: #244353;
	height: 1.5em;	
	font-family: sans-serif;
	font-size: 1em;
	border: none;
	color: #eff2ff;
	padding: 8px 8px 8px 8px ;
	border-radius: 5px;
	/*margin-bottom: 1rem;*/
}

datalist {
background: #eff2ff;
border: 1px solid #355F76;
border-radius: 3px;
height: 2em;
padding: 5px;
font-family: sans-serif;
font-size: 1em;
max-width: 98%;
margin: 6px;
}

textarea 
 {
background: #eff2ff;
border: 1px solid #355F76;
border-radius: 3px;
height: 5em;
padding: 5px;
font-family: sans-serif;
font-size: 1em;
max-width: 98%;
margin: 6px;
}

select {
	background: #eff2ff;
	border: 1px solid #355F76;
	outline: 0;
	/*min-width: 150px;*/
	height: 1.5em;
	padding: 5px;
	margin: 1px;
	border-radius: 3px;
	font-size: 1em; 
}



input[type="checkbox"] {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; 
	display: inline-block;
	width: 20px;
	height: 20px;
	border: 1px solid #355F76;
	background: #eff2ff;
}

input[type="checkbox"]:checked {

	background: #355F76;
}


input[type="radio"] {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; 
	display: inline-block;
	height: 20px;
	width: 20px;
	border: 1px solid #355F76;
	border-radius: 50%;
	background-color: #eff2ff;
}

input[type="radio"]:checked {
	background: #355F76;
}

.fakebutton {
	display: inline-block;
	background: #355F76;
	border-radius: 5px;
	height: 3em;
	line-height: 3em;
	font-family: sans-serif;
	font-size: 1em;
	margin-top: 6px;
	color: #eff2ff;
	padding: 0px 8px 0px 8px;
	user-select: none; /* supported by Chrome and Opera */
   -webkit-user-select: none; /* Safari */
   -moz-user-select: none; /* Firefox */
   -ms-user-select: none; /* Internet Explorer/Edge */
}

.fakebutton:active {
	background: #244353;

}
/*     VARIOUS     */

hr {
  margin-top: .5em;
  margin-bottom: .5em;
  border-width: 0;
  border-top: 1px solid #243d56;
 /* box-shadow: 0px 0px 10px 1px #355F76; */
}

p {
	padding: 8px;

}


/*     GRID     */


/* For devices larger than 400px */
@media (min-width: 500px) {
  .container {
    width: 85%;
    padding: 0;
    /*font-size: calc(14px + 6 * ((100vw - 320px) / 680));*/
} }

/* For devices larger than 550px */
@media (min-width: 800px) {

  .container {
    width: 95%;}
     }

@media screen and (max-width: 1000px) {

input[type="radio"] {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; 
	display: inline-block;
	height: 14px;
	width: 14px;
	border: 1px solid;
	border-radius: 50%;
	background-color: #eff2ff;
}

input[type="checkbox"] {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; 
	display: inline-block;
	width: 14px;
	height: 14px;
	border: 1px solid #355F76;
	background: #eff2ff;
}

  h1 {
	font-size: 2.2em;
	font-weight: 400;
	margin: 0
}
h2 {
	font-size: 2em;
	font-weight: 400;
	margin: 0
}
h3 {
	font-size: 1.8em;
	font-weight: 400;
	margin: 0
}
h4 {
	font-size: 1.6em;
	font-weight: 400;
	margin: 0
}
h5 {
	font-size: 1.4em;
	font-weight: 400;
	margin: 0
}
h6 {
	font-size: 1.2em;
	font-weight: 400;
	margin: 0
}

body {
	font-size: 1.2em;
}
}



/*  SECTIONS  */
.row {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/* alternating row colors  */
.alt .row:nth-child(odd) {background-color: #C7E5ECFF;}

/*  short rows  */

.shtrow .col { line-height: .5em; padding: 5px;}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1%;
	padding: 6px;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }


/*  GRID OF TWELVE  */



.c-18		 {width: 99%;}
.c-17		 {width: 94.38888888888889%;}
.c-16		 {width: 88.77777777777777%;}
.c-15	 	 {width: 83.16666666666666%;}
.c-14		 {width: 77.55555555555554%;}
.c-13		 {width: 71.94444444444444%;}
.c-12		 {width: 66.33333333333333%;}
.c-11		 {width: 60.722222222222214%;}
.c-10		 {width: 55.11111111111111%;}
.c-9		 {width: 49%;}
.c-8		 {width: 43.888888888888886%;}
.c-7		 {width: 38%;}
.c-6		 {width: 32.666666666666664%;}
.c-5		 {width: 27.055555555555554%;}
.c-4		 {width: 21.444444444444443%;}
.c-3		 {width: 15.833333333333332%;}
.c-2		 {width: 10%;}
.c-1		 {width: 4%;}

/*  GO FULL WIDTH BELOW 480 PIXELS */

@media only screen and (max-width: 900px) {
	.col {  margin: 1% 0 1% 0%; }

.c-5,    
.c-4,
.c-3,
.c-2,
.c-1 {
    width: 30%; 

	}	
.c-18,
.c-17,
.c-16,
.c-15,
.c-14,
.c-13,
.c-12,
.c-11,
.c-10,
.c-9,
.c-8,
.c-7,
.c-6 {
	width: auto;
}

}
@media only screen and (max-width: 650px) {
	.col {  margin: 1% 0 1% 0%; }

.c-18,
.c-17,
.c-16,
.c-15,
.c-14,
.c-13,
.c-12,
.c-11,
.c-10,
.c-9,
.c-8,
.c-7,
.c-6,
.c-5,
.c-4,
.c-3,
.c-2,
.c-1 {
    width: auto; 

	}

	.lav1 {
	width: 99%;
}
	
}


/*          TABLES             */
table {
	width: 90%;
	margin: 10;
	background: #D2F1F9FF;
	box-shadow: 0px 0px 8px 0px #355F76;
	margin: 10px auto;
	color: #366178

}

td, th {
	text-align: center;
	padding: 8px;
	border-left: 1px solid;
}

th {
	font-weight: 400;
	border-bottom: 2px solid;
	border-left: 2px solid;
	border-top: 2px solid;
	background: #C9E7EEFF
}

td {
	font-weight: 300;
	border-bottom: 1px solid;
}
tr:nth-child(odd) {background-color: #C7E5ECFF;}

th:first-child,
td:first-child {
  padding-left: 0;
 }
th:last-child,
td:last-child {
  padding-right: 0; }

  th:last-child {
  	border-right: 2px solid;
  }
  td:last-child {
  	border-right: 1px solid;
  }


/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {
  list-style: '~ ' inside; }
ol {
  list-style: decimal inside; }
ol, ul {
  padding-left: 0;
  margin-top: 0; }
ul ul,
ul ol,
ol ol,
ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  }
li {
  margin-bottom: 1rem; }


/*Extras*/
.ancmnt {

	border: 2px solid #510000;
}