@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,300italic,900,700,700italic,900italic,500italic,500,400italic,100italic,100);
@import url('fonts/icon.css');
@import url('top-nav.css');
@import url('style.css');
/* --------------------------------

Start of Foundation Overrides

Instructions:
Look up style you want to change in 'foundation.css' and
add the override code to this document.

Note: 'foundation.min.css' is added to each page
this is to keep file size down. 'foundation.css' is only
used as a reference.

-------------------------------- */
body {
  font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #0855BD;
}
h1 {
  font-size: 1.5rem; }

h2 {
  font-size: 1.25rem; }

h3 {
  font-size: 1.1875rem; }

h4 {
  font-size: 1.125rem; }

h5 {
  font-size: 1.0625rem; }

h6 {
  font-size: 1rem; }
a {
  color: #0855BD;
}
a:hover, a:focus {
    color: #05387C;
}
ol li {
  margin-bottom: 1rem;
}
.row {
  max-width: 75rem;
}
code {
  font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: normal;
  color: #666666;
  background-color: transparent;
  border: none;
  padding: 0;
}
hr {border-bottom: 1px solid #e1e1e1;}
ul {
  margin-bottom: 1.5rem;
}
p {
  margin-bottom: 1.25rem;
}
/* --------------------------------

Button Styles

-------------------------------- */
.button {
	background-color: #0855BD;
	color: #fff;
	padding: 0.85em 2em;
}
.button:hover, .button:focus {
	background-color: #05387C;
	color: #fff;
}
.button.hollow {
    border: 2px solid #0855BD;
    color: #0855BD; }
    .button.hollow, .button.hollow:hover, .button.hollow:focus {
      background-color: transparent; }
    .button.hollow:hover, .button.hollow:focus {
      border-color: #05387C;
      color: #05387C; }

.button-group {
    margin-bottom: 0;
    font-size: inherit;
}
.button-group .button {
    float: left;
    margin: 0;
    font-weight: normal;
    background: #0855BD;
    border: 2px solid #0855BD;
    border-bottom: 2px solid #0855BD;
    border-radius: 0 25px 25px 0;
    padding: 11px 33px;
    margin: 1em 0;
}
.button-group .button:hover, .button-group .button:focus {
    color: #fff;
    background: #05387C;
    border: 2px solid #05387C;
    border-bottom: 2px solid #05387C;
}
.button-group .button:not(:last-child) {
    border-right: 2px solid #05387C;
    border-radius: 25px 0 0 25px;
}
.button-group.expanded .button:first-child:nth-last-child(2), .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2)~.button {
    display: inline-block;
    width: calc(50% - 1px);
    margin-right: 0;
}
