#hero {
	background-color: black;
	background-image: url("../img/stars5-small.jpg");
	background-attachment: fixed;
  	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;

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

#star-wrapper {
	background-color: none;
	display: grid;
	grid-template-columns: 1fr 1fr;
	transition: ease all 2s;
}

#star {
	width: 400px;
	height: 600px;
	background-image: url("../img/tata4-small.png");
	background-position: center;
	background-repeat: no-repeat;
	background-color: none;
	background-size: contain;
	transition: ease all 1s;
}

#star-name {
	display: grid;
	grid-template-rows: 2fr 0.5fr 1fr;
	/*height: 590px;*/
}

#star-name-header {
	background-image: url("../img/zodiac-white.png");
	background-position: center;
	background-repeat: no-repeat;
	background-color: none;
	background-size: contain;
}

#star-name-header > * {
	font-family: 'Pacifico', cursive;
	color: khaki;
	text-shadow: -2px 0 darkslateblue, 0 2px darkslateblue, 2px 0 darkslateblue, 0 -2px darkslateblue;
	text-align: center;
	font-size: 40px;
	margin: 0px;
}

.star-name-text {
	font-family: 'Pacifico', cursive;
	text-align: center;
	background-color: none;
	font-size: 30px;
	width: 100%;
	height: 60px;
}
#star-welcome {
	color: white;
	height: 120px;
}

#star-welcome > h2 {
	font-size: 35px;
	color: beige;
	text-shadow: -2px 0 darkslateblue, 0 2px darkslateblue, 2px 0 darkslateblue, 0 -2px darkslateblue;
	height: 35px;
	margin: 0;
}

#star-button-consulting {
	background-color: #120b29;
	color: khaki;
	border-radius: 20px;
	transition: ease all 0.2s;
}

#star-button-consulting:hover {
	background-color: plum;
	color: white;
	cursor: pointer;
	font-size: 31px;
}

@media only screen and (max-width: 600px) {
  #star-wrapper {
    background-color: none;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: center;
  }
  #star {
  	width: 350px;
	height: 260px;
  }
  #star-name {
  	border-top: 2px solid plum;
  	width: 100%;
	background-color: #120b29;
	display: flex;
	flex-wrap: wrap;
    align-items: flex-end;
    justify-content: center;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  #star-name-header {
  	background-image: none;
  	background-image: url("../img/zodiac-white.png");
	background-position: center;
	background-repeat: no-repeat;
	background-color: none;
	background-size: contain;
  }
  #star-welcome {
	color: white;
	height: 90px;
  }
  #star-button-consulting {
  	width: 80%;
	background-color: plum;
	color: khaki;
	border-radius: 20px;
	transition: ease all 0.2s;
  }

  #star-button-consulting {
  	width: 200px;
  	display: flex;
  	align-items: center;
  	justify-content: center;
  }
  .star-name-text {
  	font-size: 20px;
  }

  #star-button-consulting:hover {
  	font-size: 21px;
  	width: 210px;
  }

  #hero {
  	background-attachment: none;
  	background-position: top;
	background-size: 150%;
	background-repeat: repeat;
  }
}