@font-face {
  font-family: "NeueHelvetica";
  src: url('../fonts/helvetica/NeueHelvetica55Roman/font.woff2') format('woff2'), url('../fonts/helvetica/NeueHelvetica55Roman/font.woff') format('woff');
  font-weight:500;
  font-style:normal;
}
@font-face {
  font-family: "NeueHelvetica";
  src: url('../fonts/helvetica/NeueHelvetica35Thin/font.woff2') format('woff2'), url('../fonts/helvetica/NeueHelvetica35Thin/font.woff') format('woff');
  font-weight: 200;
  font-style:normal;
}
@font-face {
  font-family: "NeueHelvetica";
  src: url('../fonts/helvetica/NeueHelvetica76BoldItalic/font.woff2') format('woff2'), url('../fonts/helvetica/NeueHelvetica76BoldItalic/font.woff') format('woff');
  font-weight:700;
  font-style:italic;
}
@font-face {
  font-family: "NeueHelvetica";
  src: url('../fonts/helvetica/NeueHelvetica45Light/font.woff2') format('woff2'), url('../fonts/helvetica/NeueHelvetica45Light/font.woff') format('woff');
  font-weight:300;
  font-style:normal;
}
@font-face {
  font-family: "NeueHelvetica";
  src: url('../fonts/helvetica/NeueHelvetica46LightItalic/font.woff2') format('woff2'), url('../fonts/helvetica/NeueHelvetica46LightItalic/font.woff') format('woff');
  font-weight:300;
  font-style:italic;
}
@font-face {
  font-family: "NeueHelvetica";
  src: url('../fonts/helvetica/NeueHelvetica75Bold/font.woff2') format('woff2'), url('../fonts/helvetica/NeueHelvetica75Bold/font.woff') format('woff');
  font-weight:700;
  font-style:normal;
}
@font-face {
  font-family: "NeueHelvetica";
  src: url('../fonts/helvetica/NeueHelvetica56Italic/font.woff2') format('woff2'), url('../fonts/helvetica/NeueHelvetica56Italic/font.woff') format('woff');
  font-weight:500;
  font-style:italic;
}
@font-face {
  font-family: "NeueHelvetica";
  src: url('../fonts/helvetica/NeueHelvetica36ThinItalic/font.woff2') format('woff2'), url('../fonts/helvetica/NeueHelvetica36ThinItalic/font.woff') format('woff');
  font-weight: 200;
  font-style:italic;
}
.main-content{
    padding:2em 0
}
.main-content a{
    color:var(--blue)
}
.main-content ul li li{
    list-style:circle
}
.top-banner-single .wrapper{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    grid-template-rows:1fr;
    grid-column-gap:2em;
    grid-row-gap:2em;
    align-items:center
}
.top-banner-single .wrapper h1{
    color:var(--blue)
}
@media only screen and (max-width: 1024px){
    .top-banner-single .wrapper h1{
        font-size:30px
    }
}
@media only screen and (max-width: 768px){
    .top-banner-single .wrapper{
        grid-template-columns:repeat(1, 1fr);
        padding-top:2em
    }
    .top-banner-single .wrapper h1{
        font-size:25px
    }
}