@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	#header, .content {
		transition: none;
		opacity: 1;
	}

	.wrapper {
		width: 90.0rem;
	}

	#header h1 {
		width: 45.0rem;
		height: 15.8rem;
	}

	#header.is-stuck h1 {
		height: 2.8rem;
	}

	#header nav {
		display: none;
	}

	#header.is-stuck nav {
		display: none;
	}

	#hello {
		padding-left: 0;
	}

		#hello #banner {
			transform: translateX(0%);
			opacity: 1;
		}

		body.greet #hello #banner {
			animation: none;
		}

		#hello h2 {
			margin-left: 0 !important;
		}

		#hello #discombobulated {
			margin-left: 1.5rem !important;
			margin-right: 4.5rem !important;
		}

	.content h2 {
		font-size: 3.0rem;
		margin: 0 -3.0rem 2.0rem;
		padding: 0.7rem 3.0rem;
	}

	#work article figure {
		height: auto;
	}

	#work article figure img, #work article figure figcaption, #hobbies article figure img, #hobbies article figure figcaption {
		position: static;
		width: auto;
	}

	#work article figure img, #hobbies article figure img, #hobbies article figure video {
		float: none;
		width: 898px;
		height: 496px;
	}

	#hobbies article figure img {
		height: auto;
	}

	#hobbies article figure video {
		height: 505px;
	}

	#work article figure figcaption, #hobbies article figure figcaption {
		margin-top: 2.0rem;
	}

	#work article figure figcaption h3, #hobbies article h3 {
		font-size: 4rem;
	}

	#work article figure figcaption h4 {
		font-size: 3.5rem;
	}

	#work article figure figcaption p, #work article figure figcaption p a, #hobbies article figure figcaption p, #hobbies article figure figcaption p a {
		font-size: 3.0rem;
	}

	#work article figure figcaption p, #hobbies article figure figcaption p {
		margin-bottom: 3.0rem;
	}

	#hobbies article figure.intro {
		width: 90.0rem;
	}

	#hobbies article figure figcaption p.cta-desktop {
		display: none;
	}

	#hobbies article figure figcaption p.cta-mobile {
		display: block;
	}

	#hobbies article {
		width: 90.0rem;
		padding: 0 1.0rem;
		margin: 0 auto;
	}

	#hobbies .images {
		display: none;
	}

	#resume .column-wrapper {
		column-count: 1;
		column-gap: 0;
	}

	#resume section h3 {
		font-size: 4.0rem;
		margin-bottom: 2.0rem;
	}

	#resume section h4, #resume section h5 {
		font-size: 4rem;
		margin-bottom: 1.5rem;
	}

	#resume section h5 {
		font-size: 3.5rem;
	}

	#resume section p, #resume section ul li {
		font-size: 3.0rem;
	}

	#resume-experience ul li {
		margin-bottom: 3.0rem;
	}

	#resume section ul.indent li {
		text-indent: -3.0rem;
		padding-left: 3.0rem;
	}

	#contact h2 {
		padding: 0.7rem 3.0rem;
	}

	#contact .left, #contact .right, #contact aside {
		width: auto;
		float: none;
		clear: both;
		padding-top: 4.0rem;
	}

	#contact .right {
		padding-top: 1.0rem;
	}

	#contact form fieldset textarea {
		width: 60.0rem !important;
	}

	#contact aside h3 {
		font-size: 3.3rem;
	}

	#contact aside ul li {
		font-size: 3.0rem;
	}

	footer p {
		font-size: 2rem;
	}
}