*{
 box-sizing: border-box; /* includes the border into the width calculation */
 margin: 0;
 padding: 0;
}

body {width:992px;margin: 0 auto}


/* Nav */
.nav {text-align:center; background-color:WhiteSmoke;height:40px;}
.nav-link {margin:24px;color:DeepSkyBlue;position:relative; top:10px}
/* Ends Nav */

/* Page 1 */
#hero {background-image: url("../images/mountains.jpg");background-size: cover;height:50vh;}
#hero-text {text-align:center;position:relative; top:100px;padding:24px}
#hero-text h1 {font-size:48px;padding:12px}
#hero-text p {padding:24px}
.position {position:relative; top:100px}
.center {text-align:center}
.cta{
	margin:24px;
	width:100px;
	border-radius:8px;
	background-color:CadetBlue;
	padding: 18px;
	text-decoration: none;
	color: inherit;
	color:white;
	}
.moon{margin:30px}
.cards{width:95%;height:280px;margin:0 auto}
.card{width:33.333%;float:left; padding:10px}
.card img{width:100%;height:auto}
.button {height:40px;}
.float {float:left}
.img{width:50%}
.img img{width:100%;height:auto}
.nature{margin-top:30px; margin-left:10px; background-color:AliceBlue;height:360px;padding:24px}
.nature-text{width:50%; padding:24px}
.nature-text h1{margin-bottom:12px}
footer {margin-top:24px;text-align:center;height:40px}
.button3{position:relative; text-align:center}
/* Ends Page 1 */

/* Page 2 */
.aurora {margin: 30px auto 0 auto;height:360px;width:80%;align-items:center}
.aurora-text{width:50%;float:left;position:relative; top:100px; text-align:center;height:40px}
.button2 {position:relative;top:150px; text-align:center}
.author{margin-top:0; margin-left:10px; background-color:LightGrey;height:360px;;padding:24px}
.img2{width:50% ;text-align:center}
.img2 img{width:300px;height:300px;border-radius:300px}
.cta2 {
	width:100px;
	border-radius:8px;
	background-color:CadetBlue;
	padding: 18px;
	text-decoration: none;
	color: inherit;
	color:white;
	}
	.button4 {position:relative; top:40px;height:40px}
	.button5 {position:relative; top:40px;height:40px; text-align:center}

.gallery{margin:24px}
.gallery img {
  width: 100%;
  height: auto;
}

	
.box-1 {
  float: left;
  width: 33.333%;
  padding: 5px;
}

.box-2 {
  float: left;
  width: 50%;
  padding: 5px;
}

.box-3 {
  float: left;
  width: 25%;
  padding: 5px;
}
.ft{;position:relative; top:150px}

/* Ends Page 2 */