@font-face {
    font-family: 'freightround_probold';
    src: url('type/freightroundprobold-webfont.woff2') format('woff2'),
         url('type/freightroundprobold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'freightround_probook';
    src: url('type/freightroundprobook-webfont.woff2') format('woff2'),
         url('type/freightroundprobook-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'freightround_prolight';
    src: url('type/freightroundprolight-webfont.woff2') format('woff2'),
         url('type/freightroundprolight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.raleway-dots-regular {
    font-family: "Raleway Dots", sans-serif;
    font-weight: 400;
    font-style: normal;
  }  

body {
    max-width: 600px;
    margin: auto;
    color: midnightblue;
}

h1 {
    font-family: 'freightround_probold', Arial, sans-serif;
    font-size: 40px;
}

p {
    padding: 20px 0px 20px 0px;
    font-family: 'freightround_probook', Arial, sans-serif;
    font-size: 20px;
    line-height: 150%;
}

a {
    padding: 20px 20px 20px 20px;
    font-family: "Raleway Dots", sans-serif;
    font-size: 20px;
    background-color: midnightblue;
    color: white;
}

a:hover {
    padding: 20px 20px 20px 20px;
    font-family: "Raleway Dots", sans-serif;
    font-size: 20px;
    background-color: white;
    color: midnightblue;
}

i {
    padding-right: 8px;
    text-decoration: none;
}