@media only screen and (max-width: 960px) {
	#top {
		padding: 150px 0 30px 0;
	}

	/* Hero */
	
	#hero {
		padding: 0 25px;
	}

	#hero h2 {
		font-size: 15px;
		line-height: 25px;
	}

	#hero h1 {
		font-size: 15px;
		line-height: 24px;
		padding-top: 10px;
	}

	/* Photo Column */

	.photo-column {
		flex-direction: column;
		padding: 25px 0 0 0;
	}

	.photo-column img {
		max-width: 100%;
	}

	.photo-column .text {
		font-size: 13px;
		line-height: 22px;
		padding: 20px 25px 0 25px;
	}

	/* Values */

	.values {
		grid-template-columns: 1fr;
		padding: 30px 25px 0 25px;
	}

	.value {
		height: auto;
		margin-bottom: 25px;
		padding: 25px 30px;
		transform: none;
	}

	.value h2 {
		font-size: 18px;
		line-height: 20px;
	}

	.value h1 {
		font-size: 20px;
		line-height: 27px;
		padding-top: 10px;
	}

	.value p {
		font-size: 12px;
		line-height: 22px;
		padding-top: 15px;
	}

	/* Roles */

	#roles {
		padding: 50px 25px;
	}

	#roles h1 {
		font-size: 30px;
		line-height: 38px;
	}

	.pills {
		padding: 10px 0 0 0;
	}

	.pills li {
		font-size: 12px;
		height: 30px;
		margin: 0 10px 10px 0;
		padding: 0 20px;
	}

	.jobs .job {
		padding: 20px 0;
	}

	#roles .jobs .no-active-job {
		font-size: 13px;
		line-height: 15px;
		padding-top: 15px;
		letter-spacing: 0.03em;
	}

	#roles .jobs .job h1 {
		font-size: 14px;
		line-height: 18px;
	}

	#roles .jobs .job .info {
		font-size: 13px;
		line-height: 17px;
		padding: 10px 0 0 0;
	}

	#roles .jobs .job .arrow {
		margin-left: 20px;
	}

	/* Investors */

	#investors {
		padding: 50px 25px;
		width: calc(100% - 50px);
	}

	#investors h1 {
		font-size: 30px;
		line-height: 38px;
	}

	.investor-list {
		grid-template-columns: 1fr 1fr;
		padding-top: 15px;
	}
}