.about {
	position: fixed;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
    background: var(--color-dark-blue);
	overflow-x: hidden;
	overflow-y: scroll;
	transition: 0.15s ease;
	pointer-events: none;
	visibility: hidden;
	opacity: 0;
	z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Hide Scrollbars But Keep Functionality */
/* https://www.w3schools.com/howto/howto_css_hide_scrollbars.asp */

/* Hide scrollbar for Chrome, Safari and Opera */
.about::-webkit-scrollbar {
	display: none;
}
  
/* Hide scrollbar for IE, Edge and Firefox */
.about {
	-ms-overflow-style: none;
	scrollbar-width: none;
}

input#about:checked ~ .about {
	pointer-events: all;
	visibility: visible;
	opacity: 1;
}

.about a {
	transition: color 0.25s ease;
}

.about a:hover {
	color: var(--color-light);
}

.about_wrapper {
	font-size: 1.17em;
	display: flex;
	flex-direction: column;
	position: relative;
	padding: 0px 1.35rem;
	margin: 3.5em 0px 1em 0px;
}

.about_wrapper > .column:nth-of-type(1) {
	font-size: 6.5vw;
    font-weight: 500;
	display: flex;
    flex-direction: column;
	width: 100%;
}

.about_wrapper > .column:nth-of-type(1) > .about_item {
	margin: 0.75em;
}

.about_wrapper > .column:nth-of-type(2) {
	padding: 0.75em 0px;
}

/* Hide Scrollbars But Keep Functionality */
/* https://www.w3schools.com/howto/howto_css_hide_scrollbars.asp */

/* Hide scrollbar for Chrome, Safari and Opera */
.about_wrapper > .column:nth-of-type(2)::-webkit-scrollbar {
	display: none;
}
  
  /* Hide scrollbar for IE, Edge and Firefox */
.about_wrapper > .column:nth-of-type(2) {
	-ms-overflow-style: none; 
	scrollbar-width: none;
}

.about_wrapper > .column:nth-of-type(2) > .about_item {
	margin: 1em;
}

.about_item p {
	color: var(--color-grey);
	margin: 0px;
}

.about_text ul {
	color: var(--color-grey);
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.item--about p {
	color: var(--color-light);
}

.about_footer {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
    padding: 0px 1.5em;
    margin: 1.5em 0px;	
    width: 100%;
}

.about_footer p {
	font-size: 0.9em;
	line-height: 1.3;
	text-align: center;
	color: var(--color-grey);
	margin: 0px;
}

@media screen and (min-width: 640px) {
	.about {
		overflow: hidden;
		height: 100vh;
	}

	.about_wrapper {
		padding: 0px 3.15rem;
	}

	.about_footer {
		flex-direction: row;
		padding: 0px 3.5em;
	}

	.about_wrapper > .column:nth-of-type(1) {
		font-size: 5vw;
	}

	.about_wrapper > .column:nth-of-type(1) > .about_item {
		margin: 0px 0px 0.75em 0px;
	}

	.about_wrapper > .column:nth-of-type(2) > .about_item {
		margin: 0px 0px 1em 0px;
	}
}

@media screen and (min-width: 768px) {
	.about_wrapper > .column:nth-of-type(1) {
		font-size: 3.5vw;
		width: 70%;
	}
}

@media screen and (min-width: 992px) {
	.about_wrapper {
		flex-direction: row;
		justify-content: space-between;
		width: calc(100% - 6rem);
		height: calc(100vh - 8.5em);
	}

	.about_wrapper > .column:nth-of-type(1) {
		flex-grow: 0;
		flex-shrink: 1;
		flex-basis: 60%;
		justify-content: space-between;
	}

	.about_wrapper > .column:nth-of-type(1) > .about_item {
		margin-bottom: 0px;
	}

	.about_wrapper > .column:nth-of-type(2) {
		flex-grow: 0;
		flex-shrink: 1;
		flex-basis: 20%;
		overflow-y: scroll;
	}
}