@import url(https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:600,700|Roboto:300,400,500&display=swap); /* config */
:root {
  --mine: #5C5C5C;
  --cement: #767779;
  --cloud: #9D9D9D;
  --snow: #cbcbcb;
  --citrus: #FF6A01;
  --surf: #37939b;
}

@font-face {
  font-family: 'Helvetica Neue';
  src: url(https://cdn2.hubspot.net/hubfs/5141561/roff-template-assets/fonts/HelveticaNeue-Light.woff2) format('woff2'),
  url(https://cdn2.hubspot.net/hubfs/5141561/roff-template-assets/fonts/HelveticaNeue-Light.woff) format('woff');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Helvetica Neue';
  src: url(https://cdn2.hubspot.net/hubfs/5141561/roff-template-assets/fonts/HelveticaNeue.woff2) format('woff2'),
  url(https://cdn2.hubspot.net/hubfs/5141561/roff-template-assets/fonts/HelveticaNeue.woff) format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Helvetica Neue';
  src: url(https://cdn2.hubspot.net/hubfs/5141561/roff-template-assets/fonts/HelveticaNeue-Medium.woff2) format('woff2'),
  url(https://cdn2.hubspot.net/hubfs/5141561/roff-template-assets/fonts/HelveticaNeue-Medium.woff) format('woff');
  font-weight: 500;
  font-style: normal;
}

:root {
  --roboto: 'Roboto', sans-serif;
  --robotoCondensed: 'Roboto Condensed', sans-serif;
  --helvetica: 'Helvetica', sans-serif;
  --helveticaNeue: 'Helvetica Neue', sans-serif;
}

html {
  font-size: 100%;
}

* {
  box-sizing: border-box;
}

img {
  max-width: 100%;
  display: block;
}

body {
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  font-family: 'Helvetica Neue', sans-serif;
  font-family: var(--helveticaNeue);
  color: #5C5C5C;
  font-weight: 300;
  line-height: 2;
  color: var(--mine);
  transition: all .20s ease;
}

a {
  text-decoration: none;
  transition: all .25s ease;
}

p a, ul a {
  color: #37939b;
  color: var(--surf);
  font-weight: 400;
}

h2 {
  text-transform: uppercase;
  font-family: var(--robotoCondensed);
  color: var(--surf);
  font-size: 2em;
}

h3 {
  text-transform: uppercase;
  font-family: var(--robotoCondensed);
  color: var(--surf);
  font-size: 1.375em;
}

*[class$=-inner], .row-fluid-wrapper {
  padding: 0 1em;
  margin: 0 auto;
}

@media (min-width: 768px) {
  *[class$=-inner], .row-fluid-wrapper {
    max-width: 91%;
  } 
}