.wrapp {
	display: block;
}

#consultation-sections {
	display: grid;
	grid-template-columns: auto;
	grid-template-rows: repeat(8, 1fr);
	/*grid-template-rows: 1fr 1fr 1fr;
	grid-gap: 3px;*/
}

.csection {
	background-color: none;
	display: flex;
	justify-content: center;
	align-items: center;

	padding-top: 10px;
	padding-bottom: 10px;

	background-image: url("../img/constellations.gif");
	background-position: center;
	background-repeat: repeat;
	background-color: none;
	background-size: cover;

	border-top: 2px solid plum;

	/*overflow: auto;*/
}


.csection > div {
	width: 95%;
	height: 90%;
	background-color: rgba(245,245,220, 0.9);
	display: grid;
	grid-template-columns: 1fr 3fr;

	border-radius: 20px;
	/*border: 2px solid white;*/
}

.section-image {
	background-image: url("../img/star-chart.jpg");
  	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;

	border-bottom-left-radius: 20px;
	border-top-left-radius: 20px;
}

.section-text {
	background-color: none;
	border-bottom-right-radius: 20px;
	border-top-right-radius: 20px;

	display: flex;
	justify-content: center;
	align-items: center;

	padding-top: 20px;
	padding-bottom: 30px;

}

.section-text > div {
	background: none;
	width: 95%;
	height: 90%;
}

.section-text > div > div {
	font-family: 'Roboto', sans-serif;
	text-align: justify;
}

.section-name {
	font-family: 'Pacifico', cursive;
	text-shadow: -2px 0 white, 0 2px white, 2px 0 white, 0 -2px white;
	text-align: center;
	font-size: 30px;
	margin: 0;
	margin-bottom: 10px;
}

.money {
	font-family: 'Pacifico', cursive !important;
	font-size: 10px;
	text-align: center;
	font-size: 30px;
	margin: 0;
	margin-bottom: 10px;
	color: darkorchid;
	background-color: none;
}

.order {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 50px;
	
}
.order > p {
	background-color: #120b29;
	color: khaki;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 20px;

	font-family: 'Pacifico', cursive;
	font-size: 30px;

	transition: ease all 0.2s;
}

.order > p:hover {
	background-color: plum;
	color: white;
	cursor: pointer;
}

#individual-consulting .section-image {
	background-image: url("../img/celestial-clock.jpg");
  	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;
}
#individual-consulting {
	background-color: lavender;	
}

#love-consulting .section-image {
	background-image: url("../img/love-flowers.jpg");
  	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;
}
#love-consulting {
	background-color: mistyrose;
	background-image: url("../img/zodiacsigns.png");
	background-attachment: fixed;
  	background-position: center;
  	background-repeat: repeat;
  	background-size: cover;
	
}

#prof-consulting .section-image {
	background-image: url("../img/stars4.jpg");
  	background-position: right;
  	background-repeat: no-repeat;
  	background-size: cover;
}
#prof-consulting {
	background-color: lightblue;
}

#baby-consulting .section-image {
	background-image: url("../img/dream-baby.jpg");
  	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;
}
#baby-consulting {
	background-color: honeydew;
	background-image: url("../img/zodiacsigns.png");
	background-attachment: fixed;
  	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;
  	
}

#future-consulting .section-image {
	background-image: url("../img/star-chart.jpg");
  	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;
}
#future-consulting {
	background-color: thistle;
}

#name-consulting .section-image {
	background-image: url("../img/stars3.jpeg");
  	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;
}
#name-consulting {
	background-color: lavenderblush;
	background-image: url("../img/zodiacsigns.png");
	background-attachment: fixed;
  	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;
  }

#horary-consulting .section-image {
	background-image: url("../img/chart.jpg");
  	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;
}
#horary-consulting {
	background-color: azure;
	
}

#rectify-consulting .section-image {
	background-image: url("../img/rectify.jpg");
  	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;
}
#rectify-consulting {
	background-color: lavenderblush;
	background-image: url("../img/zodiacsigns.png");
	background-attachment: fixed;
  	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;
  	
}

 @media only screen and (max-width: 600px) {
	.section-image {
		width: 0;
	}

	.csection > div {
		grid-template-columns: 0 100%;
	}

}