/* typography.css */
@charset "utf-8";

html,
button,
input,
select,
textarea {
  font:300 18px/30px 'Roboto',Arial,Helvetica,sans-serif;
}
main {
    display: block;
}
body{
  color:#444;
  text-align:left;
  word-wrap:break-word;
  -webkit-font-smoothing:antialiased;
  -webkit-hyphens:auto;
  -moz-hyphens:auto;
  -ms-hyphens:auto;
  hyphens:auto
}
a:hover, a:active	{
	text-shadow: 0 0 2px #99;
}
a:hover span { cursor: pointer }

p{
  font-size:1.1em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Roboto Slab',Georgia,serif;
  margin-bottom:0;
  text-rendering:optimizeLegibility;
  text-shadow:0 0 1px rgba(128,128,128,.01);
  -webkit-margin-before:0;
  -webkit-margin-after:0
}
h1>a,h2>a,h3>a,h4>a,h5>a,h6>a {
  border-bottom: none;
}

h1{
  color: #3f3f3f;
  font-size:2em;
  font-weight: 400;
  line-height:1.245em;
  margin: .67em 0
}
h2{
  color: #444;
  font-size:1.5em;
  font-weight: 400;
  line-height:1.6667em;
  margin: .3em 0; 
}
h3{
  color: #333;
  font-size:1.17em;
  font-weight: 700;
  line-height:1.6667em;
    margin: .3em 0; 
}
h4	{
  color: #222;
  font-size:0.83em;
  font-weight: 700;
  margin: 1.5em 0;
}
h5,h6{
  color: #222;
  font-size:0.83em;
  font-weight: 700;
  line-height:1.6667em;
  margin: 1.67em 0
}


h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small{
  line-height:0
}
abbr:hover{
  cursor:help
}
abbr[title]{
  border-bottom:1px dotted
}
address{
  font-style:normal
}
b,strong{
  font-weight:700
}
blockquote{
  background-color:#ddd;
  color:#105dab;
  padding:2em 2em .5em
}
/*
blockquote:before{
  content:"“";
  font-family:Georgia,Times,'Times New Roman',serif;
  font-size:10em;
  margin:.2em 0 0 -.5em;
  position:absolute
}
*/
blockquote cite:before{
  content:" — "
}
cite{
  font-size:80%;
  font-style:italic
}
hr{
  border:#ddd 1px solid;
  height:1px
}
mark{
  background:#e6f3ff;
  color:#105dab
}
q{
  quotes:none
}
q:before,q:after{
  content:'';
  content:none
}
small{
  font-size:.8em
}
sub,sup{
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline
}
sup{
  top:-.5em
}
sub{
  bottom:-.25em
}
a{
  color:#004384;
  font-weight: 500;
  text-decoration:none;
  outline: none;
}
a[href^="tel"]{
    color:inherit;
    text-decoration:none;
}

a:focus{
  outline:none;
}
li{
  margin:0
}
menu,
ol,
ul{
  font-family:inherit;
  font-size:1em;
  line-height:1.5000em;
  padding:0 1em;
}

ol, ul  {
    margin-left: 20px;
}