html,body{margin:0;padding:0}
html{font-size:100%;}
body{background-image: linear-gradient(to top right, #67d439, white 25%, #67aff6);color:#000;font:1em/1.6em Verdana,Geneva,Arial,sans-serif;min-height: 100vh;}
p,li,table,th,td,input,textarea{font-size:1em}
input,textarea{font-family:inherit}

h1,h2,h3{font-weight:bold}
h1{font-size:1.6em;color:#036}
h2{font-size:1.4em;color:#033}
h3{font-size:1.2em;color:#066}
table{margin: 0 auto}
th,td{font-family:Verdana,Geneva,Arial,sans-serif;vertical-align:top}

a img {border:0}
a,a:link{color:#000080;text-underline-position:under}
a:visited{color:#800080}
a:hover,a:focus,a:active{color:#063}

abbr {
text-decoration:none;
border:0;
font-style:normal;
}
.flex {display: flex;}
.center{display:block;margin: 0 auto}
.aqua {color:#17a2b8;}
ul.sea , ul.star {list-style:none;margin:0;padding:0;}
ul.sea li:before {
content: "\25FC"; color: #17a2b8; font-size: 1.5rem; padding-right: 0.3125rem;}
ul.star li:before {content: "\269D"; color: #0ea353; font-size: 1.5rem;
padding-right: 0.3125rem;}

.box{text-align:center} 
.location{margin-top:0;padding-top:0;color:#3a3a3a}
.copyright{color:#333;text-align:center}
.certi{
text-align:center;
color:#333; font-family:Georgia, "Times New Roman", Times, serif; 
background-color:#eeeeee; border:2px dashed #fff;
}

.borderGray {
width:610px;margin: 0 auto 18px auto;
border: 3px solid #acc7b2;padding:0;
}

.videoWrapper { position: relative; padding-bottom: 56.25%; height: 0;  }
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } 

#wrapper{display: flex;flex-wrap: wrap;justify-content: center;
max-width:980px;margin: 0 auto;background-color:white;}
#nav{flex: 1 1 160px;line-height:1;}
#page{flex: 1 1 630px; margin-left:7px;}
#sidebar{flex: 1 1 160px;text-align:center;line-height:1}

#nav h3 {
color:#fff;background-color:#066;
font-size:1em;text-align:center;
margin:0;padding: 0 0 1px 0;
line-height:1.5;
}

#nav ul , #main ul {list-style:none;margin:0;padding:0;border-top:1px solid #8a918f}
#nav li, #main li {
border-width: 0 1px 1px 1px;
border-style:solid;border-color:#8a918f; 
}
#main li {
text-align:left;
background-color:#ffffe0;
}
#nav a, #sidebar a {display:block;color:#036;font-weight:bold;text-decoration:none}
#nav-li a , #main a {padding: 0.5rem 0 0.5rem 0.2rem;} 
#level a {padding: 0.5rem 0;}
#nav a:hover, #nav a:focus, #nav a:active {background-color:#ffe4e1}
#sidebar a:hover, #sidebar a:focus, #sidebar a:active {color:#f00}
#lang{display: flex; margin-bottom:0.3125rem;padding:0.3125rem}
#lang-btn {padding: .5rem .75rem;border-radius: .75rem;
background-color: #b4daf0; flex:1}
#lang-btn:hover,#sub:focus,#sub:active{background-color:#a5fff0;}
#here {background-color:#ace8d4;}