@charset "UTF-8";
/* CSS Document */

#question_1, #question_2, #question_3, #question_4, #question_5,
#answer_1, #answer_2, #answer_3, #answer_4 {
	display: none;
} 

.spacer {
	padding-top: 132.57%
}

.box {
	background-color: #fff;
}

.grid-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
  margin-bottom: 10px;
}

.grid-box.grid-full {
  grid-column: 1 / span 2;
  color: #fff;
  background-color: #f07d00;
}

.grid-box {
  background-color: #F8F6EF;
  padding: 10px;
  text-align: center !important;
}


body {
	background-color: #fff;
	background-image: url("../img/background_naturtype.jpg");
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: top center;
	background-attachment: fixed;
}


.left-side, .right-side, .display-working {
	min-height: 100vh;
} 



.left-side {
	background-color: rgba(255, 255, 255, .9);
	/* padding: 180px 10%; */
	padding: 6% 10%;
	max-width: 870px;
}

.right-side {
	position: relative;
	overflow: hidden;
}

.content {
	width: 100%;
	max-width: 680px;
	margin: 0 auto;
}

.justify-left {
	margin-left: 10%;
}

.justify-right {
	margin-right: 10%;
}

.main-image {
	width: 70%;
	min-width: 430px;
	max-width: 500px;
}

.mobile-image-wrapper {
	display: none;
}

.outro {
	display: none;
}

.brand {
	margin-bottom: 30px;
}

@media (max-width: 991px) {

.grid-wrapper {
  grid-template-columns: 1fr;
}

body {
	background-position: top right -100px;
}

.right-side, .left-side {
	width: 90%;
	margin: 0 auto;
	min-height: inherit;
}

.left-side {
	margin-top: 5%;
	margin-bottom: 5%;
}

.right-side {
	display: none !important;
}

.spacer-small {
	padding-top: 100%
}

.mobile-image-wrapper {
	display: block;
}

.mobile-image {
	width: 50%;
}

}

@media (max-width: 1200px) {
}

@media (max-width: 768px) {
}

@media (max-width: 574px) {
.mobile-image {
	width: 100%;
}

.left-side {
    padding: 6%;
}

}