:root {
		/* BASE COLOURS */
		--cbp:  #3F91D7;
		--cbs:  #13588C;

		--cbl:  #E7EDF3;
		--cbd:  #022037;

		--cbt:  #171E24;

		--cbn:  #6B9BBF;
		--cbm:  #8b959e;
		--cbg:  #d1dae3;

		--cbw:  #FFFFFF;

		/* TRANSITIONS */
		--trb:  0.3s all ease;

		/* SHADDOWS */
		--bsl: 0.8px 0.8px 2.2px rgba(0, 0, 0, 0.02), 2px 2px 5.3px rgba(0, 0, 0, 0.028), 3.8px 3.8px 10px rgba(0, 0, 0, 0.035), 6.7px 6.7px 17.9px rgba(0, 0, 0, 0.042), 12.5px 12.5px 33.4px rgba(0, 0, 0, 0.05), 30px 30px 80px rgba(0, 0, 0, 0.07);

		/* FONT MANAGEMENT */
		font-size: 17px;
	}

body {
	font-family: 'Poppins', sans-serif;
	font-size: 1rem;
	margin: 0px;
	color: var(--cbt);
	background-color: transparent;
}

.wrapper {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
	width: 100vw;
	height: 100vh;
}

.header {
	display: block;
	width: 100vw;
	height: 100vh;
	background-color: var(--cbd);
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: -1;
}

.content {
	background-color: var(--cbw);
	border-radius: 25px;
	width: 50%;
	text-align: center;
	box-shadow: var(--bsl);
	overflow: hidden;
}

.content h1 {
	font-size: 4rem;
	font-weight: 900;
	color: var(--cbs);
	text-transform: uppercase;
	margin: 0px;
	line-height: 1;
}

.cnt-altm {
	background-color: var(--cbl);
	padding: 20px 40px;
	font-size: 0.8rem;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: space-between;
}

.cnt-info {
	padding: 40px 40px 20px 40px;
}

.cnt-info h3 {
	margin: 60px 0px 15px;
}

.readyp {
	font-size: 0.8rem;
}

.logo img {
	width: 200px;
}

.cnt-altm h4,
.cnt-altm p {
	margin: 0px;
	text-align: right;
}

@media(max-width: 1024px) {
	.content {
		width: 70%;
	}
}

@media(max-width: 800px) {
	.content {
		width: 95%;
	}

	.content h1 {
		font-size: 3rem;
	}
}

@media(max-width: 580px) {
	.cnt-altm {
		justify-content: center;
	}

	.logo {
		margin-bottom: 25px;
	}

	.cnt-altm h4, .cnt-altm p {
		text-align: center;
	}
}

@media(max-width: 425px) {
	.content h1 {
		font-size: 2.5rem;
	}
}

@media(max-width: 320px) {
	.content h1 {
		font-size: 2rem;
	}
}