body {
    background-color: #1F2235;
    color: #ffffff;
    font-family: greycliff-cf;
}

html {
    height: 100%;
}
body {
    height: 100%;
}

.header {
  font-size: 30px;
}

.issuance {
  font-size: 18px;
}

.title {
  font-size: 38px;
}

.course {
  font-size: 18px;
}

@media screen and (min-width: 768px) {
 .header {
  font-size: 40px;
  }
  .issuance {
    font-size: 24px;
  }
  .title {
    font-size: 48px;
  }
  .course {
  font-size: 26px;
  }
}
  


.content {
    flex-grow: 1; 
}

@font-face {
  font-family: "greycliff-cf";
  src: url("fonts/greycliffcf-heavy-webfont.woff2") format("woff2");
  font-weight: 900;
}
@font-face {
  font-family: "greycliff-cf";
  src: url("fonts/greycliffcf-extrabold-webfont.woff2") format("woff2");
  font-weight: 800;
}
@font-face {
  font-family: "greycliff-cf";
  src: url("fonts/greycliffcf-bold-webfont.woff2") format("woff2");
  font-weight: 700;
}
@font-face {
  font-family: "greycliff-cf";
  src: url("fonts/greycliffcf-demibold-webfont.woff2") format("woff2");
  font-weight: 600;
}
@font-face {
  font-family: "greycliff-cf";
  src: url("fonts/greycliffcf-medium-webfont.woff2") format("woff2");
  font-weight: 500;
}
@font-face {
  font-family: "greycliff-cf";
  src: url("fonts/greycliffcf-regular-webfont.woff2") format("woff2");
  font-weight: 400;
}
@font-face {
  font-family: "greycliff-cf";
  src: url("fonts/greycliffcf-light-webfont.woff2") format("woff2");
  font-weight: 300;
}
@font-face {
  font-family: "greycliff-cf";
  src: url("fonts/greycliffcf-extralight-webfont.woff2") format("woff2");
  font-weight: 200;
}
@font-face {
  font-family: "greycliff-cf";
  src: url("fonts/greycliffcf-thin-webfont.woff2") format("woff2");
  font-weight: 100;
}



/* FONT WEIGHTS */

.fw-100 {
  font-weight: 100;
}

.fw-200 {
  font-weight: 200;
}

.fw-300 {
  font-weight: 300;
}

.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

.fw-700 {
  font-weight: 700;
}

.fw-800 {
  font-weight: 800;
}

.fw-900 {
  font-weight: 900;
}


.gls-footer {
    background: #2D314B;
    padding: 50px 0;
}