a,
abbr,
acronym,
address,
applet,
b,
big,
blockquote,
body,
caption,
center,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
u,
ul,
var { background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline }
@font-face { font-family: Myriad-Pro; src: url(fonts/Myriad-Pro-Semibold.ttf) }
*,
:after,
:before { box-sizing: border-box }
ul { margin: 0; padding: 0 }
body { background-color: #fff; color: #505050; font-weight: 300; font-size: 20px; line-height: 1.8 }
h1,
h2,
h3,
h4,
h5,
h6 { line-height: 1; font-weight: 300 }
a { text-decoration: none; color: #3cb5f9 }
a:hover { color: #0793e2 }
#wrapper { width: 100%; margin: 0 auto }
.content { background-color: #fff; padding: 140px 0 0 180px; font-size: 16px }
.content .title { margin-bottom: 30px; color: #000 }
section { padding: 60px 0 }
section h1 { font-weight: 700; margin-bottom: 10px }
section p { margin-bottom: 30px }
section p:last-child { margin-bottom: 0 }
.information { margin: 25px 0; font-size: 20px; border-bottom: 1px solid #e6e6e6; padding-bottom: 30px }
.information b { display: inline-block; width: 150px; color: #000 }
.line { background: #ddd none repeat scroll 0 0; height: 2px; margin-bottom: 30px; width: 100px }
.partial-list { margin: 30px 0 }
.partial-list h3 { margin-bottom: 20px; color: #000 }
.partial-list ul li { font-size: 20px; list-style-type: square }
header { width: 100%; height: 87px; position: fixed; top: 0; left: 0; z-index: 1; background-color: #1483b1; -webkit-transition: height .3s; transition: height .3s }
header .mobile-button { display: none; float: right; font-size: 28px; padding: 6px 0; color: #fff }
header .mobile-button:hover { cursor: pointer }
header #logo { display: inline-block; line-height: 150px; margin: 15px 30px 0 0; float: left; font-family: Myriad-Pro, sans-serif; font-size: 60px; border: 2px solid #fff; color: #fff; font-weight: 400; width: 130px; -webkit-transition: all .3s; transition: all .3s }
header .container { position: relative }
header nav { text-align: left; background-color: #1483b1; top: 70px }
header nav ul li { display: inline-block; list-style: none }
header nav ul li a { color: #fff; font-family: Myriad-Pro, sans-serif; display: block; padding: 20px; text-transform: uppercase; font-size: 26px; -webkit-transition: all .3s; transition: all .3s }
header nav ul li a.active,
header nav ul li a:hover { color: #fff; background: #12749d; text-decoration: none }
header.smaller { height: 70px }
header.smaller #logo { width: 100px; line-height: 75px; font-size: 30px }
header.smaller nav a { font-size: 20px; padding: 17px }
footer { background: #1483b1; margin-top: 50px; color: #fff; padding: 30px 0; font-size: 12px }
footer .top { text-align: right }

@media screen and (max-width:996px) {
header .mobile-button { display: inline-block }
header nav { display: none; width: 160px; position: absolute; right: 10px }
header nav ul li { display: block; text-align: right }
header nav ul li a { font-size: 18px; padding: 5px 10px }
header.smaller nav a { padding: 5px 10px }
}

@media screen and (max-width:640px) {
.content { padding: 163px 0 0 }
}
.white-section { background: #fff; text-align: center; padding: 50px; height: 50vh; position: relative }
.white-section .logo img { width: 170px }
.blue-section { background: #1483b1; position: relative; height: 50vh }
.blue-section nav { text-align: center }
.blue-section nav ul li { display: inline-block; list-style: none }
.blue-section nav ul li a { color: #fff; font-family: Myriad-Pro, sans-serif; display: block; padding: 15px; text-transform: uppercase; font-size: 26px }
.blue-section nav ul li a.active,
.blue-section nav ul li a:hover { color: #fff; background: #12749d; text-decoration: none }

@media screen and (max-width:479px) {
.information{font-size: 15px;}
.information b {width: 120px;}
}