* {
	margin: 0;
	padding: 0;
	list-style-type: none;
}



nav {
	top: 30vh;
	left: 88vw;
	width: 13vw;
	position: fixed;
	z-index: 100;
	
}

li {
	margin-bottom: 3vh;
}
li:hover{
	left: 80vw;
}

nav a{
	color: rgb(40, 42, 46);
	text-decoration: none;
	font-size: 1.5vw;
	transition-property: font-size;
	transition-duration: .2s;
	transition-timing-function: linear;
}
nav a:hover{
	color: rgb(108, 128, 147);
	text-decoration: none;
	font-size: 2vw;
}

		
section {
	width: 100vw;
	height: 50vw;
}

.backDiv{
	position: relative;
	height: 100%;
	width: 100%;

}
.backImg{
	position: absolute;
	z-index: 2;

	height: 100%;
	width: 100%;
}
.backText{
	color: white;
	font-size: 15vw;
	font-family: "Kanit", sans-serif;
	font-weight: 700;
	font-style: italic;
}
.pText{
	color: black;
	font-size: 1.1vw;
	font-family: "Kanit", sans-serif;
	font-weight: 300;
	font-style: normal;
}

.white{
	background-color: aliceblue;
}

/*Section 1*/
#section-one{
	background-color: rgb(40, 42, 46);
}

.skiing1{
	position: absolute;
	width: 50%;
	height:33%;
	top: 0;
}

.skiing2{
	position: absolute;
	width: 50%;
	height:33%;
	top: 32%;
	left: 3%;
}

.skiing3{
	position: absolute;
	width: 50%;
	height:33%;
	top: 63%;
	left: 6%;
}

.how1{
	position: absolute;
	width: 50%;
	height:33%;
	top: 0;
	left: 55%;
}

.how2{
	position: absolute;
	width: 50%;
	height:33%;
	top: 32%;
	left: 58%;
}

.how3{
	position: absolute;
	width: 50%;
	height:33%;
	top: 63%;
	left: 61%;
}

/*Section 2  Beggining*/
.section2beggining{
	position: absolute;
	left: 8%;
	bottom: 70%;
	z-index: 2;

	width: 80vw;
	height:40%;
}

.section2p{
	position: absolute;
	left: 50%;
	top: 65%;
	width: 38%;
	height: 25%;
	z-index: 2;
}

/*Section 3  Snow Plough*/
.section3snow{
	position: absolute;
	left: 60%;
	bottom: 72%;
	z-index: 2;

	width: 80vw;
	height:40%;
}

.section3plough{
	position: absolute;
	left: 45%;
	top: 67%;
	z-index: 2;

	width: 80vw;
	height:40%;
}

.section3p{
	position: absolute;
	left: 52%;
	top: 40%;
	width: 36%;
	height: 25%;
	z-index: 2;
}

/*Section 4  Transition*/
.section4transition{
	position: absolute;
	left: 8%;
	bottom: 70%;
	z-index: 2;

	width: 80vw;
	height:40%;
}

.section4p{
	position: absolute;
	left: 7%;
	top: 60%;
	width: 25%;
	height: 25%;
	z-index: 2;
}

/*Section 5 Parallel*/
.section5parallel{
	position: absolute;
	left:2%;
	top: 64%;
	z-index: 2;

	width: 80vw;
	height:40%;
}

.section5p{
	position: absolute;
	left: 43%;
	top: 6%;
	width: 40%;
	height: 25%;
	z-index: 2;
}

/*Section 6 Off-Piste*/
.section6off-piste{
	position: absolute;
	left: 24%;
	bottom: 70%;
	z-index: 2;

	width: 80vw;
	height:40%;
}

.section6p{
	position: absolute;
	left: 57%;
	top: 29%;
	width: 29%;
	height: 25%;
	z-index: 2;
}

/*Section 7 Carving*/
.section7carving{
	position: absolute;
	left: 5%;
	top: 10%;
	z-index: 2;

	width: 80vw;
	height:40%;
}

.section7p{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 35%;
	height: 25%;
	z-index: 2;
}

/*ending*/
.endingFooter{
	height: 15vw;
	align-items: center;
	background-color: rgba(251, 229, 245, 0.423);
}

.endText{
	position: relative;
	top: 5vw;
	left: 45vw;
	font-size: 3vw;
	font-family: "Kanit", sans-serif;
	font-weight: 500;
	font-style: italic;
}

.ski{
	position: relative;
	height:12vw;
	width: 1vw;
	margin-right: .5%;
	top: 2vw;
	left: 59vw;
	background-color: rgb(255, 108, 143);
	color: rgba(240, 248, 255, 0);
	border-radius: 50%;

	animation-iteration-count: infinite;
	float: left;
}


/*KANIT FONT */
.kanit-thin {
	font-family: "Kanit", sans-serif;
	font-weight: 100;
	font-style: normal;
  }
  
  .kanit-extralight {
	font-family: "Kanit", sans-serif;
	font-weight: 200;
	font-style: normal;
  }
  
  .kanit-light {
	font-family: "Kanit", sans-serif;
	font-weight: 300;
	font-style: normal;
  }
  
  .kanit-regular {
	font-family: "Kanit", sans-serif;
	font-weight: 400;
	font-style: normal;
  }
  
  .kanit-medium {
	font-family: "Kanit", sans-serif;
	font-weight: 500;
	font-style: normal;
  }
  
  .kanit-semibold {
	font-family: "Kanit", sans-serif;
	font-weight: 600;
	font-style: normal;
  }
  
  .kanit-bold {
	font-family: "Kanit", sans-serif;
	font-weight: 700;
	font-style: normal;
  }
  
  .kanit-extrabold {
	font-family: "Kanit", sans-serif;
	font-weight: 800;
	font-style: normal;
  }
  
  .kanit-black {
	font-family: "Kanit", sans-serif;
	font-weight: 900;
	font-style: normal;
  }
  
  .kanit-thin-italic {
	font-family: "Kanit", sans-serif;
	font-weight: 100;
	font-style: italic;
  }
  
  .kanit-extralight-italic {
	font-family: "Kanit", sans-serif;
	font-weight: 200;
	font-style: italic;
  }
  
  .kanit-light-italic {
	font-family: "Kanit", sans-serif;
	font-weight: 300;
	font-style: italic;
  }
  
  .kanit-regular-italic {
	font-family: "Kanit", sans-serif;
	font-weight: 400;
	font-style: italic;
  }
  
  .kanit-medium-italic {
	font-family: "Kanit", sans-serif;
	font-weight: 500;
	font-style: italic;
  }
  
  .kanit-semibold-italic {
	font-family: "Kanit", sans-serif;
	font-weight: 600;
	font-style: italic;
  }
  
  .kanit-bold-italic {
	font-family: "Kanit", sans-serif;
	font-weight: 700;
	font-style: italic;
  }
  
  .kanit-extrabold-italic {
	font-family: "Kanit", sans-serif;
	font-weight: 800;
	font-style: italic;
  }
  
  .kanit-black-italic {
	font-family: "Kanit", sans-serif;
	font-weight: 900;
	font-style: italic;
  }