@media (max-width: 740px) {
	.showcase__element:first-child {
		margin-left: 10px;
	}


	.showcase__element.selected {
		width: 100%;
		height: 350px;
	}

	
	.showcase__element {
		width: 100%;
		height: 150px;
		transition-property: height;
	}	

	.showcase__element .showcase__element__title {
		transform: rotate(0) !important;
		bottom: 50px;
		left: 10px;
	}

	#main {
		padding: 10px;
	}

	.showcase__title, .gallery__title {
		font-size: 4rem;
		text-align: center;
	}

	.category {
		width: 100%;
	}
	
	.subcategory {
		width: 50%;
	}

	.hero {
		display: block;
		margin-left: 0;
	}

	.hero__image {
		margin-right: 0;
		margin: auto;
	}

	.hero__image img {
		margin-top: 150px;
	}

	.hero__title {
		font-size: 50px;
	}

	.hero__content {	
		margin: 0 50px;	
		margin-top: 150px;
	}

	.arrow__button__container {
		bottom: 15px;	
	}
}