/* -------------------- HEADER -------------------- */

header {
	display: block;
	padding: 4vw 3vw 3vw 3vw;
	width: 100%;
}

#topline {
	display: block;
	margin: 0 0 2vw 0;
/* */
	font-family: 'Roboto', monospace;
	font-weight: 200;
	font-size: 0.8vw;
	line-height: 1;
	color: #001AFF;
}

#topline span {
	font-weight: 500;
	color: #555555;
}

#headline {
	display: block;
	margin: 0 0 2vw 0;
/* */
	font-weight: 700;
	font-size: 8vw;
	line-height: 1;
	color: #000000;
}

#headline span {
	color: #001AFF;
}

#subline {
	display: block;
/* */
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: stretch;
	gap: 2vw;
}

#subline p {
	margin: 0 2vw 0 0;
	width: 34vw;
/* */
	font-weight: 400;
	font-size: 2vw;
	line-height: 1.2;
	color: #555555;
}

#subline-one {
	display: inline-block;
	margin-top: 0.5vw;
	padding: 0 1.5vw;
	height: 3vw;
/* */
	font-weight: 500;
	font-size: 1.5vw;
	line-height: 3vw;
	color: #FFFFFF;
/* */
	background: #001AFF;
	border-radius: 0.5vw;
}

#subline-one:hover {
	background: #00014D;
	transition: background-color 2s;
}

#subline-two {
	display: inline-block;
	margin-top: 0.5vw;
	padding: 0 1.5vw;
	height: 3vw;
/* */
	font-weight: 500;
	font-size: 1.25vw;
	line-height: 3vw;
	color: #555555;
/* */
	background: #EDEDED;
	border-radius: 0.5vw;
	border: 1px solid #E6E6E6;
}

#subline-two:hover {
	color: #001AFF;
}

/* -------------------- STATS -------------------- */

#stats {
	width: 100%;
	padding: 4vw 0;
/* */
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: stretch;
/* */
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
}

.container {
	width: 25%;
	text-align: center;
}

.container span {
	font-weight: 700;
	font-size: 6vw;
	line-height: 1;
	color: #FFFFFF;
}

#stats .container:nth-child(1) span {
	animation: FadeIn 4s forwards;
}

#stats .container:nth-child(2) span {
	animation: FadeIn 4s forwards;
	animation-delay: 1s;
}

#stats .container:nth-child(3) span {
	animation: FadeIn 4s forwards;
	animation-delay: 2s;
}

#stats .container:nth-child(4) span {
	animation: FadeIn 4s forwards;
	animation-delay: 3s;
}

@keyframes FadeIn {
  from {color: #FFFFFF;}
  to {color: #000000;}
}

.container p {
	margin: 1vw 0 0 0;
/* */
	text-transform: uppercase;
	font-family: 'Roboto', monospace;
	font-weight: 200;
	font-size: 0.8vw;
	line-height: 1;
	color: #000000;
}

/* -------------------- MEMBERS -------------------- */

#preview {
	display: block;
	padding: 4vw;
/* */
	background: #F6F6F6;
	border-bottom: 1px solid #EEEEEE;
}

#topdesc {
	display: block;
	margin: 0;
/* */
	font-family: 'Roboto', monospace;
	font-weight: 200;
	font-size: 0.8vw;
	line-height: 1;
	color: #000000;
}

#topdesc span {
	font-weight: 400;
	color: #001AFF;
}

#subdesc {
	width: 100%;
/* */
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: stretch;	
}

#subdesc p {
	font-weight: 500;
	font-size: 3vw;
	line-height: 1;
	color: #000000;
}

#subline-three {
	display: inline-block;
	margin-top: 0.5vw;
	padding: 0 1.5vw;
	height: 3vw;
/* */
	font-weight: 500;
	font-size: 1.25vw;
	line-height: 3vw;
	color: #555555;
/* */
	background: #EDEDED;
	border-radius: 0.5vw;
	border: 1px solid #E6E6E6;
}

#subline-three:hover {
	color: #001AFF;
}

#tranche {
	width: 100%;
/* */
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	align-content: stretch;
	gap: 1vw;
}

.business {
	padding: 2vw 2vw 1.5vw 2vw;
	width: 24%;
/* */
	background: #EDEDED;
	border: 1px solid #E6E6E6;
	border-radius: 0.5vw;
}

.business .logo {
	height: 10vw;
	width: 100%;
/* */
	background-size: contain;;
	border: 1px solid #E6E6E6;
	border-radius: 0.3vw;
}

.business p {
	margin: 1vw 0 0.2vw 0;
/* */
	letter-spacing: 0.03vw;
	font-weight: 400;
	font-size: 1vw;
	line-height: 1;
	color: #000000;
}

.business span {
	text-transform: uppercase;
	font-family: 'Roboto', monospace;
	font-weight: 200;
	font-size: 0.8vw;
	line-height: 1;
	color: #777777;
}

/* -------------------- LOGISTICS -------------------- */

#logistics {
	display: block;
	padding: 4vw;
	width: 100%;
}

#billboard {
	display: inline-block;
	margin: 0 0 2vw 0;
	width: 70%;
/* */
	font-weight: 500;
	font-size: 6vw;
	line-height: 1;
	color: #000000;
}

.grayish {
	color: #999999;
}

.blueish {
	color: #001AFF;
}

#details {
	display: block;
	margin-top: 2vw;
/* */
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: stretch;
	gap: 2vw;
}

.deets {
	margin: 0 0 1vw 0;
	min-width: 10vw;
}

.deets p {
	text-transform: uppercase;
	font-family: 'Roboto', monospace;
	font-weight: 200;
	font-size: 0.8vw;
	line-height: 1;
	color: #999999;
}

.deets span {
	display: block;
	margin: 0.3vw 0;
/* */
	font-weight: 300;
	font-size: 1vw;
	line-height: 1;
	color: #555555;
}

/* -------------------- MEDIA -------------------- */

@media only screen and (max-width: 1032px) {

}

@media only screen and (max-width: 744px) and (orientation: portrait) {



}

/* -------------------- PRINT -------------------- */

@media print {

	* {
		display: none;
	}

}