@font-face {
  font-family: 'Barlow Condensed';
  font-weight: 900;
  font-style: normal;
  src: local('Barlow Condensed'),
  url('/font/BarlowCondensed-Black.ttf') format('truetype')
}

@font-face {
  font-family: 'Barlow Condensed';
  font-weight: 900;
  font-style: italic;
  src: local('Barlow Condensed'),
  url('/font/BarlowCondensed-BlackItalic.ttf') format('truetype');
}

@font-face {
  font-family: 'Barlow Condensed';
  font-weight: 700;
  font-style: normal;
  src: local('Barlow Condensed'),
  url('/font/BarlowCondensed-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'Barlow Condensed';
  font-weight: 700;
  font-style: italic;
  src: local('Barlow Condensed'),
  url('/font/BarlowCondensed-BoldItalic.ttf') format('truetype');
}

@font-face {
  font-family: 'Barlow Condensed';
  font-weight: 200;
  font-style: normal;
  src: local('Barlow Condensed'),
  url('/font/BarlowCondensed-ExtraLight.ttf') format('truetype');
}

@font-face {
  font-family: 'Barlow Condensed';
  font-weight: 200;
  font-style: italic;
  src: local('Barlow Condensed'),
  url('/font/BarlowCondensed-ExtraLightItalic.ttf') format('truetype');
}

@font-face {
  font-family: 'Barlow Condensed';
  font-weight: 300;
  font-style: normal;
  src: local('Barlow Condensed'),
  url('/font/BarlowCondensed-Light.ttf') format('truetype');
}

@font-face {
  font-family: 'Barlow Condensed';
  font-weight: 300;
  font-style: italic;
  src: local('Barlow Condensed'),
  url('/font/BarlowCondensed-LightItalic.ttf') format('truetype');
}

@font-face {
  font-family: 'Barlow Condensed';
  font-weight: 500;
  font-style: normal;
  src: local('Barlow Condensed'),
  url('/font/BarlowCondensed-Medium.ttf') format('truetype');
}

@font-face {
  font-family: 'Barlow Condensed';
  font-weight: 500;
  font-style: italic;
  src: local('Barlow Condensed'),
  url('/font/BarlowCondensed-MediumItalic.ttf') format('truetype');
}

@font-face {
  font-family: 'Barlow Condensed';
  font-weight: 400;
  font-style: normal;
  src: local('Barlow Condensed'),
  url('/font/BarlowCondensed-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Barlow Condensed';
  font-weight: 600;
  font-style: normal;
  src: local('Barlow Condensed'),
  url('/font/BarlowCondensed-SemiBold.ttf') format('truetype');
}

@font-face {
  font-family: 'Barlow Condensed';
  font-weight: 600;
  font-style: italic;
  src: local('Barlow Condensed'),
  url('/font/BarlowCondensed-SemiBoldItalic.ttf') format('truetype');
}

@font-face {
  font-family: 'Barlow Condensed';
  font-weight: 100;
  font-style: normal;
  src: local('Barlow Condensed'),
  url('/font/BarlowCondensed-Thin.ttf') format('truetype');
}

@font-face {
  font-family: 'Barlow Condensed';
  font-weight: 100;
  font-style: italic;
  src: local('Barlow Condensed'),
  url('/font/BarlowCondensed-ThinItalic.ttf') format('truetype');
}


html {
  background: url(gc1.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body {
  display: flex;
  flex-direction: column;
  color: #f8f8f8;
  height: 100%;
  margin: 0;
}

.title {
  display: flex;
  justify-content: center;
  align-items: center;
  // background: rgba(255, 0, 0, 0.15);
  font-family: 'Barlow Condensed', serif;
  font-size: 48pt;
  font-weight: 300;
  height: 33%;
  // max-height: 33%;
}

.right-panel {
  padding: 0;
  margin: 0 0 0 66%;
  flex: 1;
  text-align: left;
  // background: rgba(0, 255, 0, 0.15);
  font-family: 'Barlow Condensed', serif;
  font-size: 24pt;
  font-weight: 200;
}

.footer {
  padding: 5px;
  text-align: right;
  // background: rgba(0, 0, 255, 0.15);
  font-family: 'Barlow Condensed', serif;
  font-size: 13px;
  font-weight: 400;
  margin-left: 75%;
}