body {
    background-color: #000;
    font-family: "SF Text","SF Display","Helvetica Neue","Helvetica","Arial",sans-serif;
    padding:0;
}

.container {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	position: relative;
    text-align: center;
}

.content {
	position: fixed;
	top: 25%;
	width: 100%
}

.logo {
	font-weight: 800;
	font-size: 75px;
	letter-spacing: 0.1em;
	color: #fff;
	margin-bottom: 0px;
}

.sub-title {
	color: #fff;
	font-size: 25px;
}

.secondary {
	color: #a0a0a0;
}

.foot {
	position: fixed;
    bottom: 0;
    width: 100%;
    font-family: "PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;
}

.foot p {
	color: #a0a0a0;
	font-weight: 400;
	font-size: 15px;
	letter-spacing: 0.08em;
}

.address {
	margin-bottom: 5px;
}

.copy {
	margin: 0 0 30px 0;
}

.copy a {
  text-decoration: unset;
  color: #a0a0a0;
}


@media (max-width: 575px) { 
	.logo {
		font-size: 50px;
	}
	.foot p {
		font-size: 13px;
	}
	.address {
		margin-bottom: 5px;
	}
	.copy {
		margin: 0 0 20px 0;
	}
}

@media (min-width: 576px) and (max-width: 767px) {
	.logo {
		font-size: 60px;
	}
	.foot p {
		font-size: 13px;
	}
	.address {
		margin-bottom: 5px;
	}
	.copy {
		margin: 0 0 20px 0;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.logo {
		font-size: 70px;
	}
}



/*---------------------------------------------------------------------------*
 * SF UI Display
 *---------------------------------------------------------------------------*/

/** Black */
@font-face {
  font-family: "SF Display";
  font-weight: 900;
  src: url("fonts/SFDisplay-Black.otf");
}

/** Bold */
@font-face {
  font-family: "SF Display";
  font-weight: 700;
  src: url("fonts/SFDisplay-Bold.otf");
}

/** Heavy */
@font-face {
  font-family: "SF Display";
  font-weight: 800;
  src: url("fonts/SFDisplay-Heavy.otf");
}

/** Light */
@font-face {
  font-family: "SF Display";
  font-weight: 200;
  src: url("fonts/SFDisplay-Light.otf");
}

/** Medium */
@font-face {
  font-family: "SF Display";
  font-weight: 500;
  src: url("fonts/SFDisplay-Medium.otf");
}

/** Regular */
@font-face {
  font-family: "SF Display";
  font-weight: 400;
  src: url("fonts/SFDisplay-Regular.otf");
}

/** Semibold */
@font-face {
  font-family: "SF Display";
  font-weight: 600;
  src: url("fonts/SFDisplay-Semibold.otf");
}

/** Thin */
@font-face {
  font-family: "SF Display";
  font-weight: 300;
  src: url("fonts/SFDisplay-Thin.otf");
}

/** Ultralight */
@font-face {
  font-family: "SF Display";
  font-weight: 100;
  src: url("fonts/SFDisplay-Ultralight.otf");
}

/*---------------------------------------------------------------------------*
 * SF UI Text
 *---------------------------------------------------------------------------*/

/** Bold */
@font-face {
  font-family: "SF Text";
  font-weight: 700;
  src: url("fonts/SFText-Bold.otf");
}

/** Bold Italic */
@font-face {
  font-family: "SF Text";
  font-weight: 700;
  font-style: italic;
  src: url("fonts/SFText-BoldItalic.otf");
}

/** Heavy */
@font-face {
  font-family: "SF Text";
  font-weight: 800;
  src: url("fonts/SFText-Heavy.otf");
}

/** Heavy Italic */
@font-face {
  font-family: "SF Text";
  font-weight: 800;
  font-style: italic;
  src: url("fonts/SFText-HeavyItalic.otf");
}

/** Light */
@font-face {
  font-family: "SF Text";
  font-weight: 200;
  src: url("fonts/SFText-Light.otf");
}

/** Light Italic */
@font-face {
  font-family: "SF Text";
  font-weight: 200;
  font-style: italic;
  src: url("fonts/SFText-HeavyItalic.otf");
}

/** Medium */
@font-face {
  font-family: "SF Text";
  font-weight: 500;
  src: url("fonts/SFText-Medium.otf");
}

/** Medium Italic */
@font-face {
  font-family: "SF Text";
  font-weight: 500;
  font-style: italic;
  src: url("fonts/SFText-MediumItalic.otf");
}

/** Regular */
@font-face {
  font-family: "SF Text";
  font-weight: 400;
  src: url("fonts/SFText-Regular.otf");
}

/** Regular Italic */
@font-face {
  font-family: "SF Text";
  font-weight: 400;
  font-style: italic;
  src: url("fonts/SFText-RegularItalic.otf");
}

/** Semibold */
@font-face {
  font-family: "SF Text";
  font-weight: 600;
  src: url("fonts/SFText-Semibold.otf");
}

/** Semibold Italic */
@font-face {
  font-family: "SF Text";
  font-weight: 600;
  font-style: italic;
  src: url("fonts/SFText-SemiboldItalic.otf");
}

/** Ultrathin */
@font-face {
  font-family: "SF Text";
  font-weight: 100;
  src: url("fonts/SFText-Ultrathin.otf");
}

/** Ultrathin Italic */
@font-face {
  font-family: "SF Text";
  font-weight: 100;
  font-style: italic;
  src: url("fonts/SFText-UltrathinItalic.otf");
}