/*TABLET*/

@media screen and (min-width: 768px) and (max-width: 1024px) {

}

/*MOBILE STYLES*/


@media screen and (max-width: 768px) {
	.portfolio {
		margin-top: 0px; /* height of upper-menu */
		margin-bottom: 0px; /* height of bottom-menu */
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.mobile-only {
		display: inline;
	}

	h1 {
		font-family: 'Alte Haas Grotesk', sans-serif;
		letter-spacing: 0.1px;
		font-weight: bold;
		font-size: 18pt;
		padding: 0;
		margin: 0;
		color: black;
		position: relative;
		top: 3px;
	}

	.subtitle {
		text-align: center;
	}

	.menu-links {
		flex-direction: row;
	}

	.menumenu a {
		margin-top: 20px;
		padding-bottom: 10px;
	}

	.scroll-container {
		flex-direction: column;
		overflow-y: auto;
		overflow-x: hidden;
	}

	.scroll-item {
		flex: 0 0 100%;
		height: 100vh;
		margin: 0;
	}

	.scroll-item:first-child {
		margin-left: 0;
		margin-top: 0;
	}

	.scroll-item img {
		height: 60vh;
	}

	.caption-above, .caption-below {
		width: 90vw;
	}

	.menu-links {
		display: flex !important;
	}
	.menu-links.active {
		display: flex !important;
	}
	.bottom-menu h1 {
		display: none;
	}
	#menu-toggle {
		display: none !important;
	}
}