@media only screen and (max-width: 600px) {
	#name-header {
		height: 40px;
		font-size: 40px;
		line-height: 40px;
		top: 100px;
	}
	#mountains {
		width: 100%;
		height: 15vw;
		margin-top: 85px;
		position: relative;
	}
	#carousel {
		padding-top: 20px;
		flex-direction: column-reverse;
	}
	#content-wrap {
		width: 90%;
		margin-top: 0;
	}
	#carousel-wrap {
		overflow-x: auto;
		overflow-y: auto;
		scroll-snap-type: y mandatory;
	}
	.carousel-border {
		display: none;
	}
	.card {
		margin: 15px 0;
		box-shadow: none;
	}
	.card:hover {
		transform: translateY(0);
	}
	.card:hover ~ .card {
		transform: translateX(0);
	}
	.card:not(:first-child) {
		margin-left: 0;
	}
	#big-button {
		margin: 10px auto -10px auto;
		width: 50%;
	}
}