*{
 margin: 0;
 padding: 0;
 box-sizing: border-box; }
 body{
 font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; }
 .container {
 position: relative; width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 70px; box-sizing: border-box; }
 .navbar{
 height: 100px; width: 100%; padding: 14px 30px; background-color: #ffffff; position: fixed; box-shadow: 2px 2px 20px 1px rgba(0,0,0,0.1); z-index:1000; top:0px; }
 .navbar .nav-links{
 display: flex; float: left; font-size: 18px; justify-content: space-around; width: 100%; position: relative; }
 .navbar .nav-links a{
 padding: 10px 12px; text-decoration: none; font-weight: 600; color: rgb(0, 0, 0); position: relative; }
 .navbar .nav-links a:hover{
 color:#0D3865; font-weight: 700; background-color: rgba(255, 255, 255, 0.3); }
 .navbar #nav-check, .navbar .nav-btn{
 display: none; }
 .linkbox{
 display: flex; }
 .text{
 font-size: 18px; font-weight: normal; word-break: break-all; padding-top: 21px;}
 .contain{
 width: 95%; margin: 10px; padding-right: 20px; }
 .textfill{
 width: 66%; padding-right:50px; }
 .content{
 display: flex; padding-bottom: 20px; }
 .vertical-menu {
 width: 33%; }
 .vertical-menu a {
 background-color: #eee; color: black; display: block; padding: 12px; text-decoration: none; }
 .vertical-menu a:hover {
 background-color: #ccc; }
 .vertical-menu a.active {
 background-color: #eee; color: rgb(0, 0, 0); }
 .footer{
 margin: 0; padding: 0; background-color: #71b3e2; color: #efefef; padding-bottom: 25px; }
 .copyright {
 font-size: 12px;font-weight: normal;justify-content: center;display: flex; color: #FFFFFF;text-decoration: none;  }
 .copyright a {
 font-size: 12px;font-weight: normal;justify-content: center;display: flex; color:  #FFFFFF; text-decoration: none; }
 .copyright a:hover{
 font-size: 12px;font-weight: normal;justify-content: center;display: flex;  color: #cc0000;}
 @media (max-width:738px) {
 .navbar .nav-btn{
 display: inline-block; position: absolute; top: 0px; }
 .navbar .nav-btn label {
 display: inline-block; width: 80px; height: 70px; padding: 25px; }
 .navbar .nav-btn label span {
 display: block; height: 10px; width: 25px; border-top: 3px solid black; }
 .navbar .nav-btn label:hover, .navbar #nav-check:checked ~ .nav-btn label {
 background-color: rgb(255, 255, 255); }
 .navbar .nav-links{
 position: absolute; display: flex; text-align: left; width: 50%; background-color: rgb(255, 255, 255); flex-direction: column; overflow-y: hidden; top: 70px; left: 0; padding-left: 80px; width: 100%; }
 .navbar .nav-links a {
 display: block; }
 .navbar #nav-check:not(:checked) ~ .nav-links {
 height: 0px; }
 .navbar #nav-check:checked ~ .nav-links {
 overflow-y: auto; }
 .footer{
 margin: 0; padding: 0; background-color: #71b3e2; color: #efefef; padding-bottom: 25px; }
 .content{
 display: flex; flex-direction: column; }
 .linkbox{
 display: flex; flex-direction: column; }
 .textfill{
 width:100%; padding-right:0px; }
 .line{
 margin-right:auto; margin-left: auto; margin-bottom: 10px; width: 80%; }
 .img{
 max-width: 100%; height: auto; }
 .vertical-menu{
 width: 100%; padding-bottom: 20px; }
 }