body {  
    font-size:100%;
    font-family:"Roboto","Helvetica Neue","Arial",sans-serif;
    line-height:1.6;
    background:#fff;
    color:#231f20;
  }  
div { 
    margin: 0; 
    padding: 0; 
    border: 0; 
    font-size: 100%; 
    vertical-align: baseline;
} 

body { 
    margin: 0; 
    padding: 0; 
    border: 0; 
    font-size: 100%; 
    vertical-align: baseline;
} 

body { 
    font-family: "Roboto","Helvetica Neue","Arial",sans-serif; 
    text-rendering: optimizeLegibility; 
    -webkit-font-smoothing: antialiased; 
    font-size: 16px; 
    line-height: 1.6; 
    background: #fff; 
    color: #231f20; 
    padding: 0;
} 

html { 
    margin: 0; 
    padding: 0; 
    border: 0; 
    font-size: 100%; 
    vertical-align: baseline;
} 

.header-section { 
    position: relative; 
    height: 3.5em; 
    padding: 0 1.25em 0;
} 

@media screen and (min-width: 768px){ 
  .header-section { 
    height: 4.375em;
  } 
}     

.header-backdrop { 
    background: #fff; 
    border-bottom: 1px solid #dcdbdb; 
    position: absolute; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0;
} 

header { 
    margin: 0; 
    padding: 0; 
    border: 0; 
    font-size: 100%; 
    vertical-align: baseline;
} 

header { 
    display: block;
} 

.main-header { 
    box-sizing: border-box; 
    max-width: 68.75em; 
    margin: auto; 
    position: relative; 
    padding: .875em 0;
} 

@media screen and (min-width: 768px){ 
  .main-header { 
    padding: 1em 0; 
    text-align: center;
  } 
}     

.main-header h1  { 
    font-size: 1rem; 
    margin: 0; 
    padding: 0;
} 

ul { 
    margin: 0; 
    padding: 0; 
    border: 0; 
    font-size: 100%; 
    vertical-align: baseline;
} 

ul { 
    list-style: none;
} 

.header-links { 
    display: none; 
    position: absolute; 
    left: 2em; 
    top: 0; 
    list-style: none; 
    margin: 0 0 0 2em;
} 

@media screen and (min-width: 768px){ 
  .header-links { 
    display: block;
  } 
}     

span { 
    margin: 0; 
    padding: 0; 
    border: 0; 
    font-size: 100%; 
    vertical-align: baseline;
} 

.rich-menu { 
    z-index: 3; 
    width: 1.5em; 
    height: 1.5em; 
    position: absolute; 
    top: 0; 
    right: 0; 
    cursor: pointer; 
    padding: .8em 1em; 
    display: flex; 
    align-items: center;
} 

@media screen and (min-width: 768px){ 
  .rich-menu { 
    padding: 1em 0; 
    width: 2em; 
    height: 2.4em; 
    right: auto; 
    left: 0;
  } 
}     

.top-search { 
    display: none;
} 

@media screen and (min-width: 768px){ 
  .top-search { 
    display: block; 
    position: absolute; 
    top: 0; 
    right: 0; 
    width: 220px; 
    padding: 1.2em 0 .8em;
  } 
}     

a { 
    margin: 0; 
    padding: 0; 
    border: 0; 
    font-size: 100%; 
    vertical-align: baseline;
} 

a:visited { 
    text-decoration: none;
} 

.main-header .logo  { 
    display: block; 
    width: 8.75em;
} 

@media screen and (min-width: 768px){ 
  .main-header .logo  { 
    width: 11.25em; 
    margin: auto; 
    position: relative; 
    top: 4px;
  } 
}     

li { 
    margin: 0; 
    padding: 0; 
    border: 0; 
    font-size: 100%; 
    vertical-align: baseline;
} 

.header-links li  { 
    display: inline-block;
} 

.rich-menu svg  { 
    fill: #0E81BB; 
    width: 100%; 
    height: auto; 
    margin: auto;
} 

.rich-menu .menu-open  { 
    display: block;
} 

.rich-menu .menu-close  { 
    display: none; 
    width: 70%;
} 

.search-box { 
    background: #fff; 
    border: 1px solid #dcdbdb;
} 

.main-header .logo svg  { 
    display: block; 
    width: 100%; 
    height: auto; 
    fill: #05334a;
} 

a:link { 
    text-decoration: none;
} 

.header-links li a  { 
    display: block; 
    padding: 1.4em 1.5em 1.1em; 
    font-size: .9em; 
    line-height: 2.4; 
    color: #0E81BB; 
    font-weight: 700; 
    letter-spacing: 1px;
} 

.header-links li a:hover { 
    color: #e51d23;
} 

form { 
    margin: 0; 
    padding: 0; 
    border: 0; 
    font-size: 100%; 
    vertical-align: baseline;
} 

.search-box form  { 
    display: block; 
    position: relative; 
    padding-right: 2em;
} 

label { 
    margin: 0; 
    padding: 0; 
    border: 0; 
    font-size: 100%; 
    vertical-align: baseline;
} 

.search-box form label  { 
    display: none;
} 

.search-box input  { 
    border: 0; 
    height: 2em; 
    line-height: 2em; 
    padding: 0 1em 0 .5em; 
    box-sizing: border-box; 
    font-size: 1em; 
    display: block; 
    width: 100%;
} 

.search-box button  { 
    position: absolute; 
    top: 0; 
    right: 0; 
    height: 2.2em; 
    font-size: .9em; 
    border: 0; 
    background: none; 
    cursor: pointer; 
    width: 2.5em;
} 

.search-box button svg  { 
    fill: #0E81BB; 
    width: 20px; 
    height: 20px; 
    position: relative; 
    top: 2px; 
    margin: auto;
}