body{
	margin: 0;
	display: block;
}

.body {
	width: calc(100vw - 100px);
	height: 100vh;
	display: flex;
	flex-direction: row;
	padding: 0px 50px;
	margin: 0;
}

.column {
	width:50%;
	height: calc(100% - 115px);
	padding: 45px 5px 70px 5px;
	display: flex;
	justify-content: center;
	align-items: flex-start;
}

.name {
	width: calc(100% - 10px);
	padding: 0 5px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.info {
	width: calc(100% - 10px);
	padding: 0 5px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}

.infotop {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-grow: 1;
}

.name img {
  height: 25px;
  width: 25px;
	margin-right: 15px;
}

/* Typography */

h1 {
	font-size: 20px;
	font-family: 'Space Grotesk', sans-serif;
	font-weight: 400;
	color: black;
	padding: 0;
	margin: 0;
}

a {
	color: black;
	transition: all .25s ease;
}

.buttonred a:hover {
	color: #FF0000;
}
.buttongreen a:hover {
	color: #00B23C;
}
.current {
	font-size: 10px;
	padding: 7px;
	border: 1px solid black;
	border-radius: 50px;
}

/* Responsive */
@media only screen and (max-width: 1440px) {
	h1 {
		font-size: 17px;
	}
	.name img {
		height: 20px; width: auto; margin-right: 10px;
	}
@media only screen and (max-width: 1200px) {
	h1 {
		font-size: 15px;
	}
	.leftcolumn {
		width: 33.333%;
	}
	.rightcolumn {
		width: 66.666%;
	}
	.name img {
		height: 18px; width: auto; margin-right: 8px;
	}
@media only screen and (max-width: 480px) {
	h1 {
		font-size: 20px;
	}
	.body {
		width: calc(100vw - 20px);
		flex-direction: column;
		padding: 0px 10px;
		height: 85vh;
	}
	.column {
		width:calc(100% - 20px);
		flex-direction: column;
		justify-content: flex-start;
		height: auto;
	}
	.leftcolumn {
		padding: 45px 10px 25px 10px;
	}
	.rightcolumn {
		flex-grow: 1; padding: 25px 10px 45px 10px;
	}
	.info {
		width: 100%; height: auto;
	}
	.primaryinfo {
		flex-grow: 1
	}
	.infotop {
		flex-grow: 0;
	}
	.primaryinfo .infotop {
		margin-bottom: 20px;
	}
	.secondaryinfo {
		padding-bottom: 60px;
	}
	.name img {
		height: 25px; width: auto; margin-right: 15px;
	}
}