body {
	background-color: #06050a;
  background-image: url("https://www.moonreading.com/img/stars_bg.jpg");
  background-size: 256px 256px;
  background-repeat: repeat;
  color: #ffffff;
}

ul {
	position: relative;
	list-style: none;
	margin-left: 0;
	padding-left: 1.5em;
	font-size: 1.2em;
}
ul li:before {
	content: "☾";
	position: absolute;
	left: 0;
}

li {
	margin-bottom: 15px;
}

a {
	color: #49a0b5;
}

.horizon, .reading, .ultimate {
	  background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 100%;
}

.horizon {
	background-image: url("https://www.moonreading.com/img/horizon_bg.jpg");
	min-height: 550px;
}

.reading {
	  background-image: url("https://www.moonreading.com/img/reading-header.jpg");
}

.ultimate {
	 background-image: url("https://www.moonreading.com/img/ultimate-header.jpg");
}

.top-moon {
	width: 140px;
	margin-top: 10px;
}

.w-200 {
	width: 200px;
}

.top-logo {
	width: 140px; 
	margin-top: 35px;
}

.sub-t {
	width: 90%;
	margin: 25px auto;
}

.container {
	max-width: 720px;
	margin: 0 auto;
}

.center {
	text-align: center;
}

.blue {
	color: #49a0b5;
}

.red {
	color: #ec0a00;
}

.pink {
	color: #f5b0cf;
}

.max, .max-400, .max-300, .max-600 {
	width: 100%;
	margin: 0 auto;
}

.max-600 {
	max-width: 600px;
}

.max-400 {
	max-width: 400px;
}

.max-300 {
	max-width: 300px;
}

.add-to-cart {
	background-color: #fff;
	color: #111;
	width: 100%;
	max-width: 320px;
	padding: 20px;
	margin: 0 auto;
	border-radius: 8px;
    border: 5px dashed red;
}

.testimonial img {
width: 100%;
max-width: 600px;
}

@media (max-width: 512px) {
	.reading {
		background-size: 512px 190px;
	} 
}

@media (max-width: 600px) {
  .top-moon {
	width: 100px;
	margin-top: 10px;
	}
	.reading {
	  background-image: url("https://www.moonreading.com/img/reading-header2.jpg");
	}
	.ultimate {
	 background-image: url("https://www.moonreading.com/img/ultimate-header-sm.jpg");
	}
}