@media screen and (min-width: 0px) {
	.first_part {
		height: 40vh;
		margin-top: 0px;
		margin-left: 0;
		width: 100%;
		position: static;
		background: url("background.jpg");
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.first_part::before {
		content: "";
		background-color: #fff;
		width: 100%;
		height: 40vh;
		position: absolute;
		opacity: 0.3;
		z-index: 2;
	}
	.site_back {
		height: 30px;
		width: 180px;
		background-color: #fff;
		float: right;
		position: relative;
		z-index: 10;
		margin-top: 20px;
		border-bottom-left-radius: 3px;
		border-bottom-right-radius: 0;
	}
	.site_back p {
		font-family: Montserrat-Regular;
		font-size: 15px;
		margin-left: 30px;
		position: static;
		margin-top: 4px;
	}
	.site_back p a {
		text-decoration: none;
		color: #111;
		padding-top: 0px;
	}
	.headlinediv {
		width: 100%;
		background-color: inherit;
		margin-top: 0px;
		margin-bottom: 200px;
		position: static;
		z-index: 5;
	}
	#headline1 {
		margin-left: 15%;
		font-family: Montserrat-Regular;
		font-size: 40px;
		position: relative;
		padding-top: 17vh;
		font-weight: 400;
		z-index: 5;
	}
	.elements {
		width: 100%;
		margin: 0;
		position: static;
		display: grid;
		margin-top: 10vh;
		grid-template-columns: 1fr 1fr;
	}
	.elements ul {
		background-color: #F2F2F2;
		width: calc(80% - 20px);
		position: relative;
		margin: 30px 0 30px 10%;
		padding: 20px 10px 30px 10px;
	}
	.elements ul li {
		display: block;
		font-family: Montserrat-Regular;
		font-size: 16px;
		margin-top: 5px;
		text-align: center;
		width: 100%;
	}
	img {
		height: 70px;
		margin-bottom: 20px;
		margin-left: 50%;
		margin-top: 20px;
		transform: translateX(-50%);
	}
	h3 {
		font-size: 17px;
		font-family: Montserrat-Regular;
		color: #111;
		width: 190%;
		margin-left: 5%;
	}
	#more_elements {
		width: 220px;
		height: 30px;
		background-color: #222;
		color: #F2F2F2;
		border: none;
		border-radius: 2px;
		font-family: Montserrat-Regular;
		font-size: 14px;
		margin: 40px auto auto calc(10% / 4 + 2px);
	}

}


@media screen and (min-width: 960px) {
	.first_part {
		height: 45vh;
		margin-top: 0px;
		margin-left: 0;
		width: 100%;
		position: static;
		background: url("background.jpg");
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.first_part::before {
		content: "";
		background-color: #fff;
		width: 100%;
		height: 45vh;
		position: absolute;
		opacity: 0.3;
		z-index: 2;
	}
	.site_back {
		height: 30px;
		width: 220px;
		background-color: #fff;
		position: relative;
		z-index: 10;
		margin-top: 60px;
		border-bottom-right-radius: 3px;
		border-bottom-left-radius: 0;
		float: left;
	}
	.site_back p {
		font-family: Montserrat-Regular;
		font-size: 15px;
		margin-left: 30px;
		padding-top: 1px;
	}
	.site_back p a {
		text-decoration: none;
		color: #111;
	}
	.headlinediv {
		width: 100%;
		background-color: inherit;
		margin-top: 0px;
		margin-bottom: 200px;
		position: static;
		z-index: 5;
	}
	#headline1 {
		margin-left: 10%;
		font-family: Montserrat-Regular;
		font-size: 40px;
		position: relative;
		padding-top: 25vh;
		font-weight: 400;
		z-index: 5;
	}
	.elements {
		width: 100%;
		margin: 0;
		position: static;
		display: grid;
		margin-top: 10vh;
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
	.elements ul {
		background-color: #F2F2F2;
		width: calc(80% - 20px);
		position: relative;
		margin: 30px 0 30px 10%;
		padding: 20px 10px 30px 10px;
	}
	.elements ul li {
		display: block;
		font-family: Montserrat-Regular;
		font-size: 16px;
		margin-top: 5px;
		text-align: center;
		width: 100%;
	}
	img {
		height: 130px;
		margin-bottom: 20px;
		margin-left: 50%;
		margin-top: 20px;
		transform: translateX(-50%);
	}
	h3 {
		font-size: 19px;
		font-family: Montserrat-Regular;
		color: #111;
		width: 190%;
		margin-left: 15%;
	}
	#more_elements {
		width: 220px;
		height: 30px;
		background-color: #222;
		color: #F2F2F2;
		border: none;
		border-radius: 2px;
		font-family: Montserrat-Regular;
		font-size: 14px;
		margin: 40px auto auto calc(10% / 4 + 2px);
	}
}