body{margin:0;font-family:"SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;}
h1{color:#00509c;}
h2{color:#00aeef;}
fieldset{border:none;}
#header{width:100%;background:#fff;min-height:8em;padding:0 4em;position:fixed;top:0;border-bottom:solid 2em #00509c;}
#header img{padding:1em;height:6em;display:inline-block;}
#mainmenu{background: #fff;float: right;height: 8em;padding: 0 10%;line-height: 8em;text-align: right;vertical-align: middle;position:fixed;top:0;right:0;}
#mainmenu li a{text-decoration:none;display:block;padding:0 2em;}
#mainmenu li a:hover{text-decoration:none;}
#mainmenu i{padding-left:0.5em;}
#mainmenu ul{ padding: 0; margin: 0; list-style: none; }
#mainmenu ul li.level1{position:relative;min-width:3em;line-height:3em;display:inline-block;text-align:left;}
#mainmenu li ul { display: none; position: absolute; top: 1em; left: -1em; } 
#mainmenu li > ul { top: auto; left: 0; }
#mainmenu li.level1:hover{background:#ddd;color:#00afeb;}
#mainmenu li.level1:hover ul { display: block; }
li.level1 a{color:#00509c;}
li.level2{display:block;color:#00509c;background:#ddd;min-width:16em;line-height:3em;}
li.level2 a{color:#00509c;display:block;padding:0 2em;}
li.level2 a:hover{color:#ddd;background:#00afeb;}
#mainmenu a.icon{display:none;}

#breadcrumb{width:100%;padding:0;line-height:3em;}
#breadcrumb a{color:#00509c;padding:0 10px 0 0;text-decoration:none;}
#breadcrumb a:hover{text-decoration:underline;}
#breadcrumb span{color:#bbb;}
#breadcrumb a:after{content:" >";}
#breadcrumb:last-child{content:"" !important;}
#content{width:80%;min-height:30em;margin:10em auto 0 auto;padding:20px;}
#content a{color:#00509c;}
#content a:visited{color:#00509c;}
.keyimage_section:nth-child(3n){margin-right:0;}
.keyimage_section{width:30%;display:inline-block;margin-right:5%;}
.keyimage_section span{display:block;text-align:center;line-height:2em;}
.keyimage_section img{display:block;max-width:100%;max-height:100%;}
.keyimage_section a{text-decoration:none;color:#00509c;}
.keyimage_section a:hover{font-weight:bold;}
#keyimage{width:100%;margin:0 auto;padding:0;}
#keyimage img{width:100%;margin:0;padding:0;}
#accreditations{width:100%;background:#fff;text-align:center;padding:1em 0;border-top:1px solid #00509c;min-height:75px;}
#accreditations img{margin:0 2em;}
#footer{background:#00509c;width:100%;font-size:0.8em;line-height:2em;text-align:center;color:#fff;}
#footer a, #footer a:visited{color:#fff;text-decoration:none;}
#footer_contact{background:#fff;width:100%;font-size:0.8em;line-height:2em;text-align:center;color:#00509c;border-top:3px solid #00afeb;padding-bottom:2em;}
#footer_contact a,#footer_contact a:visited{color:#00509c;text-decoration:none;line-height:3em;height:3em;padding-right:20px;}
#footer_contact svg{padding-right:10px;height:3em;width:3em;vertical-align:middle;}
.section{display:inline-block;width:20%;margin:0 1% 1% 1%;border:1px solid #00afeb;background:#eee;text-align:center;}
.section svg{height:6em;width:4em !important;}
@media screen and (max-width:680px) {
#mainmenu ul li.level1:not(:first-child) {display: none;}
#mainmenu ul li.level1{min-width:0;display: block;}
  ul.topnav li.icon {
    float: right;
    display: inline-block;
  }
ul.topnav.responsive ul.level2{display:none !important;}
  ul.topnav.responsive {position: relative;}
#mainmenu a.icon {display:block;
    position: absolute;
    right: 1em;
    top: 0;line-height:3em;
  }
#mainmenu a.icon{color:#fff;}
  ul.topnav.responsive li {
    float: none;
    display: block !important;
background: #00509c;
min-width:0;
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
  }