@media (max-width: 768px) {

	body {
	  font-size: 13px;
	}

	.ui.items:not(.unstackable)>.item {
		margin-top: 0;
	}

	.desktop-only {
		display: none;
	}

	.mobile-only {
		display: block;
	}

	h1.site-title {
		font-size: 3.2em;
	}

	#bg-image {
		background-size: cover;
		background-position: center center;
		min-height: 200px;
		width: 100% !important;
		display: inline-block;
	}

	body.takecontrol #bg-image {
		min-height: 400px;
	}

	.right-column-inner {
		padding: 0;
	}

	button.outline-btn {
		font-size: 1em;
	}

	.wrapper.wrapper-section {
		padding: 3em 1em;
	}

	.topmenu {
		display: none;
	}

	h2 {
		font-size: 1.8em;
	}

	footer {
		text-align: left;
	}

	.footer-logo {
		width: 120px;
	}

	#top .outline-btn, #top .no-outline {
		width: 100%;
		padding: 1em 2em;
	}

	p.intro {
	    font-size: 1.6em;
	    font-style: italic;
	    margin: 1em 0;
	}

	img.full-width#cover {
		width: 70%;
	    transform: rotate(-10deg);
	    box-shadow: 10px 10px rgba(255,255,255,0.1);
	    margin-bottom: 2em;
	}
h1.site-title {
		font-size: 10.5vw;
	}

	/*
	.ui.items:not(.unstackable)>.item>.image, .ui.items:not(.unstackable)>.item>.image>img {
    max-width: 100%!important;
    width: 100%;
    max-height: 100% !important;*/


}