main {
	height: calc(100vh - 60px);
	margin-top: 60px;
	justify-content: center;
	align-content: center;
	display: flex;
}

h1 {
	font-size: 40px;
	line-height: 48px;
	font-family: Roboto, sans-serif;
	font-weight: 600;
	margin-bottom: 10px;
	margin-top: -100px;
	color: #000000;
}

.location {
	width: 100%;
	display: flex;
}

.location-info {
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background-color: #9d4dbb;
	padding-left: 60px;
	padding-right: 60px;
}

.location-info p, h1 {
	color: #FFFFFF;
}

.location-info a {
	font-size: 18px;
	display: block;
	background-color: #FFFFFF;
	padding: 10px 20px;
	color: #00B3FF;
	font-weight: 900;
	width: fit-content;
	border-radius: 20px;
	transition: all ease-in-out 200ms;
	margin-top: 40px;
}

.location-info a:hover {
	background-color: #00B3FF;
	color: #FFFFFF;
}

.location-map {
	width: 50%;
	padding-left: 50px;
	padding-right: 50px;
	align-content: center;
	background-color: #FDBB45;
}

.logos {
	display: flex;
	justify-content: space-around;
	align-items: baseline;
	margin-top: 20px;
}

.logos img {
	width: 30%;
	height: 30%;
}

/* MOBILE VERSION */

@media only screen and (max-width: 768px) {
	
	main {
		height: 100%;
		margin-top: 50px;
	}
	
	.location {
		width: 100%;
		display: flex;
		flex-direction: column;
	}
	
	.location-info {
		width: 100%;
		padding-left: 30px;
		padding-right: 30px;
	}
	
	.location-info a {
		margin-bottom: 20px;
	}

	.location-map {
		width: 100%;
		padding-top: 20px;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 80px;
		height: 100%;
	}
	
	h1 {
		font-size: 32px;
		line-height: 40px;
		margin-top: 20px;
	}

}

@media only screen and (min-width: 769px) {

}