@media only screen and (max-width: 700px) {
	body {
		background-color: #ffffff;
	}

	.waw-questionnaire {
		background-color: #ffffff;
		border-radius: none;
		box-shadow: none;
	}

	.questionnaire-header-mobile {
		background-image: linear-gradient(#00b1c9, #007fa4);
		background-color: #007fa4;
		height: 4em;
	}

	.questionnaire-header-mobile .logo {
		width: 5em;
		margin-left: auto;
		margin-right: auto;
	}

	.questionnaire-header-mobile .logo img {
		margin-top: 1em;
		width: 5em;
	}

	.questionnaire-intro {
		padding: 2em;
	}
	.questionnaire-intro p {
		text-align: left;
		font-size: 0.9em;
	}

	.questionnaire-intro img {
		width: 5em;
	}

	.questionnaire-intro h1 {
		display: none;
	}

	.questionnaire-intro h2 {
		font-size: 1.2em;
		text-align: left;
	}

	.questionnaire-intro ul {
		text-align: left;
		font-size: 0.9em;
	}

	.ui.container {
		margin: 0 !important;
		padding: 0 !important;
	}

	.buttons {
		width: 90%;
		margin-top: 3em;
		font-size: 0.4em;
	}

	.questionnaire-buttons {
		width: 90%;
		margin-top: 3em;
		font-size: 1.2em;
	}

	.next {
		font-size: 2.8em;
	}
	.previous {
		font-size: 2.8em;
	}

	.next:hover .previous:hover {
		cursor: pointer;
	}

	.primaryQuestion {
		padding-top: 0;
		width: 90%;
		font-size: 0.7em;
	}

	.subquestion {
		width: 80%;
		margin: 6em;
		padding-top: 2em;
		padding-bottom: 2em;
	}

	.subquestion p {
		font-size: 3.5em;
	}

	.neverDoneThat-cb {
		padding: 0;
	}

	.neverDoneThat-cb label {
		font-size: 3em;
	}

	.singleQuestion .neverDoneThat-cb label {
		font-size: 3em;
	}

	.singleQuestion .neverDoneThat-cb {
		padding-left: 1em;
	}

	.overview {
		padding-top: 0;
		width: 90%;
		text-align: left;
	}

	.mobile-button {
		font-size: 0.9em;
		text-align: center;
		padding: 0.5em 0.4em 0.5em 0.4em;
	}

	.questionnaire-end {
		width: 90%;
		text-align: left;
	}

	.questionnaire-end h1 {
		margin-top: -20px;
		padding-left: 25px;
		padding-right: 25px;
	}

	.questionnaire-end p {
		padding-left: 25px;
		padding-right: 25px;
	}

	.questionnaire-end img {
		display: none;
	}

	.rangeslider__labels .rangeslider__label-item {
		margin-top: -10px;
		font-size: 2.5vw !important;
	}

	button.ui:nth-child(2) {
		background-color: #d25e15 !important;
	}
}