/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,600,300);

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
    background-color: #fff;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 0.5px;
    line-height: 25px;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

span { display: block; }

hr{
    border: 0;
    width: 50px;
    height:2px;
    background: #000;
    margin: 0px 0 20px 0;
}

.box {
  width: 300px;
  max-width: 100%;
  height: 100px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
  display: table;
  vertical-align: middle;
  text-align: left;
}

.logo{
    background-image: url(../img/logo.gif);
    height: 80px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: 35px;
}

.title{
    font-size: 1.3em;
    font-weight: 700;
    margin: 20px 0 10px 0;
    text-transform: uppercase;
    letter-spacing: 1px;
}

small{ font-size: 0.5em; }

small span{ line-height: 15px; text-align: right; }

main a { color: #001e8d; text-decoration: none; }

main a:link, main a:visited, main a:hover, main a:active{ color: #001e8d; }

footer { margin-top: 80px; }

footer a { color: #000; text-decoration: none; }

footer a:link, footer a:visited, footer a:hover, footer a:active{ color: #000; }