html {
	font-size: 0.2vw;
}

body {
	font-size:15px;
}

h1 {
	font-size: 50px;
	font-weight: 700;
	margin-block-start: 0;
	margin-block-end: 0;
	margin-bottom: 4px;
	letter-spacing: 4px;

	display: flex;
	flex-wrap: wrap;
}

h2 {
	font-size: 20px;
	font-weight: 1000;
	margin-block-start: 0;
	margin-block-end: 0;
	margin-bottom: 10px;
	letter-spacing: 4px;
}

h3 {
	font-size: 9px;
	font-weight: 400;
	margin-block-start: 0;
	margin-block-end: 0;
	margin-bottom: 4px;
	color: #888;
}

p {
	margin-block-start: 0;
	margin-block-end: 0;
}

a {
	text-decoration: none;
}

.titleText {
	padding-top: 30px;
	font-weight: 400;
	font-style: italic;
}

.navText {
	margin-left: 20px;
	font-weight: 400;
	color: #888;
}

.bodyText {
	font-size: 8px;
	font-weight: 400;
	margin-top: 0 !important;
	color: #888;
}

.grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: 3.6fr 3.6fr 2.8fr;
	width: 100vw;
	height: 100vh;
	margin: 0;

	grid-template-areas: 
	'A1 A2 A2 A3'
	'B1 B2 B3 B4'
	'C1 C2 C3 C4'
	;
}

.grid > * {
	padding-left: 40px;
	padding-top: 30px;
	border: #e5e5e5 solid 1px;
	position: relative;
	overflow: hidden;
}

.grid > :not(.A1, .A2, .A3) > :last-child {
	position: absolute;
	bottom: 35px;
}

.grid > :not(.A1, .A2, .A3) {
	padding-right: 40px;
}

.A1, .A2, .A3 {
	padding-top: 120px !important;
}

.A1 {
	grid-area: A1;
}

.A2 {
	grid-area: A2;
	position: relative;
}

.A3 {
	grid-area: A3;
}

.B1 {
	grid-area: B1;
}

.B2 {
	grid-area: B2;
	position: relative;
}

.B3 {
	grid-area: B3;
}

.B4 {
	grid-area: B4;
}

.C1 {
	grid-area: C1;
}

.C2 {
	grid-area: C2;
	position: relative;
}

.C3 {
	grid-area: C3;
}

.C4 {
	grid-area: C4;
}

.A2 > h1{
	position: absolute;
	top: 120px;
}

.A2 > nav {
	position: absolute;
	top: 150px;
	right: 40px;
}

.w-img {
	position: absolute;
	right: 5%;
	bottom: 5%;
}

.uvGridUnit {

}

.uvGridUnit > :last-child {
	position: relative !important;
	bottom: auto !important;
}