@media (max-width: 768px) {
	/* Body */
	body {
		background-color: var(--section-color);
	}
	
	a.button {
		font-size: 0.8rem !important;
	}
	
	.section {
		margin: 0 !important;
		padding: 5px !important;
	}
	
	.column {
		margin: 0 !important;
		padding: 0 !important;
	}
	
	section {
		width: 100vw;
		overflow-x: hidden;
	}
	
	/* Hero */
	.hero {
		margin-bottom: 0px;
		min-height: 200px;
	}
	.hero-body {
		z-index: 1;
		padding-bottom: 0px !important;
	}
	.hero .logo {
	  width: 25vw;
	}
	.hero .title span {
	  font-size: 3rem;
	}
	
	/* Navigation buttons */
	.desktop-navigation {
		display: none;
	}
	.phone-navigation {
		display: inherit !important;
	}
}