/** { box-sizing: border-box;} */
html {
box-sizing: border-box;
}
head {}
title {}
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px
}
[class*="col-"] {
float: left;
/*border: 3px solid red; padding at 15px*/
}
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-2-9 {width: 24%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-55 {width: 48%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}
header {
background-color: #192A51;
padding: 25px;
text-align: center;
font-size: 35px;
color: white;
}
header h2 {color: white; text-decoration: none; margin:0px;}
h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}
a.header-link::first-line {
color: #ff0000;
font-size: 200%;
}
.menu ul {
background: #CECFD0;
border: 1px solid;
/*height: auto;*/
/*width: 18.4%;*/
margin:10px 10px 10px 0px;
padding:10px;
/*float: left;*/}
.menu li {	text-align: right;
list-style-type: none;
padding: 8px;
margin-bottom: 7px;
background-color: #f7f2e9;
color: #000;
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}
.essence, table {border: 1px solid;}
.essence, th, td { border: 1px solid;}
section {
float: right;
}
table {background:#f7f2e9;
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}

article {
background-color: #f7f2e9;
padding: 10px 10px 10px 10px;
height: auto;
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
div {}
.nav {}
.essence {
background: #f7f2e9;
/*height: auto;*/
/*width: 78.5%;*/
margin: 10px 10px 10px 10px;
padding: 10px 10px 10px 10px;
/*float: left;*/
text-align: left;
background-color: #cdcecf;
margin: 10px 0 10px 0;
}
.essence h2 {
margin:20px;
}
.essence p {
margin:20px;
}
.essence i {
margin:20px;
}
.content {}
p {}
.footer {
clear: both;
height: auto;
width: 100%;
background-color: #192a51;
/*margin: 10px 0 10px 5px;*/
padding: 5px 0;
text-align: center;
color: white;
}
/* headerlink */
ul.breadcrumb {
padding: 10px 16px;
list-style: none;
background-color: #eee;
text-align: left;
}
ul.breadcrumb li {
display: inline;
font-size: 18px;
}
ul.breadcrumb li+li:before {
padding: 8px;
color: black;
content: "/\00a0";
}
ul.breadcrumb li a {
color: #0275d8;
text-decoration: none;
}
ul.breadcrumb li a:hover {
color: #01447e;
text-decoration: underline;
}