@media (max-width: 8000px) {
	.intro {
		margin-top: -200px;
		flex-direction: row;
	}
	.product {
		height: 300px;
		width: 200px;
		margin: 32px auto;
	}
	.product h2 {
		margin-top: -1rem;
		font-size: 10vh;
	}
	.product h4 {
		margin-top: 0;
		font-size: 4vh;
	}
	.product p {
		margin-top: -2rem;
	}	
	.help {
		width: 25%;
		float: left;
	}
	.flex-cont2 {
		flex-direction: row;
	}
	.structure {
		width: 30%;
	}
	.structure img {
		width: 35%;
	}
	.construct {
		width: 40%;
	}
	.pic-cont h2{
		text-align: left;
	}
}

@media (max-width: 1460px) {
	.intro {
		margin-top: -100px;
	}
}

@media (max-width: 1025px) {
	.construct {
		width: 100%;
		height: auto;
	}
}

@media (max-width: 812px) {
	.product {
		height: 250px;
		width: 150px;
		margin: 16px auto;
	}
	.product h2 {
		margin-top: -1rem;
		font-size: 8vh;
	}
	.product h4 {
		margin-top: -0.2rem;
	}
	.product p {
		margin-top: -1.5rem;
	}	
	.help {
		width: 50%;
		float: none;
		margin-left: 50%;
		transform: translate(-50%);
	}
	.pic-cont h2{
		text-align: center;;
	}
	.fill-gap-top {
		margin-top: -36px;
	}
	.structure {
		width: 80%;
	}
	.structure img {
		width: 40%;
	}
}

@media (max-width: 600px) {
	.flex-cont2 {
		flex-direction: column;
	}
	.intro {
		margin-top: -50px;
		flex-direction: column;
	}
}

.intro {
	display: flex;
	flex-wrap: wrap;
	justify-items: space-between;
}

.product {
	text-align: center;
	justify-content: space-between;
	align-items: center;
	background: #b3daff;
	border: 4px solid #66aaaa;
	border-radius: 16px;
	padding: 16px;
	box-shadow: 8px 8px 12px #808080;
	z-index: 1;
}

.product img {
	width: 80%;
	margin-top: -1rem;
}

.pic-cont {
	position: relative;
	width: 100%;
	margin-left: 50%;
	transform: translate(-50%);
}

.pic-cont img{
	display: block;
	opacity: 0.8;
}

.help {
	border-radius: 50%;
	box-shadow: 7px 7px 10px #808080;
}

.structure {
	justify-content: flex-end;
	align-items: center;
	text-align: center;
}

.flex-cont2 {
  display: flex; 
}