/*   **
	hcl.css 
	chris craig
	Feb 2019
**  */

html {
  margin: 0;
  padding: 0;
}

body{
  margin: 0;
  padding: 0;
  background-color:#87CEFA;
}



/*  **  Link Styling  **  */

/* unvisited link */
nav a:link {
    color: white;
	text-decoration: none;
}

/* visited link */
nav a:visited {
    color: white;
	text-decoration: none;
}

/* mouse over link */
a:hover {
    color: hotpink;
	text-decoration: none;
}

/* selected link */
a:active {
    color: blue;
	text-decoration: none;
}

/* Navigation css  */

nav {	
	position:fixed;
	top:0;
	min-height:8vh;
	background-color:rgba(0, 0, 0, 0.7);
	z-index:100;
}


.hamburger {
		position:relative;
		top:2vh;
		width: 4vw;
		height: 3vw;
		left:3vw;
		cursor:pointer;
		float:left;
}

.slice {
	position:relative;
	width:100%;
	height:.7vw;
	background-color:white;
	border-radius: 0.5vw;
	
}

#s_1 {	
	top:0;	
}

#s_2 {
	
	top:.5vw;
}

#s_3 {
	top:1vw;
}

.navItem {
	/*font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; */
	position:relative;
	float:left;
	margin-left:5vw;
	padding:0vw;
	color:white;
	font-size:100%;
	cursor:pointer;
	display:block;
	transition: all .3s;
	
}

/*  **  Small Scr Nav Items  **  */
@media screen and (max-width: 1000px){
	.navItem {
		font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; 
		position:relative;
		display:block;
		float:left;
		clear:both;
		width:70%;		
		margin-left:15vw;
		height:auto;
		padding:10px;
		color:white;
		font-size:60%;
		cursor:pointer;
		background-color:rgba(0, 0, 0, 0.8);
		transition: all .3s;
		text-align:center;
		border:1px solid black;
		
	}
	nav {	
		position:fixed;
		top:0;
		min-height:0vh;
		background-color:rgba(0, 0, 0, 0.0);
		z-index:100;
	}
	
	.hamburger {
			position:relative;
			top:1vh;
			width: 8vw;
			height: 5vw;
			left:0vw;
			cursor:pointer;
			float:left;
	}

	.slice {
		position:relative;
		width:100%;
		height:2vw;
		background-color:white;
		border-radius: 1vw;
		
	}	
}

/*  **  end nav css   **  */

/*  **  General Page Styling  ** */
.page {	
	position:relative;
	top:0px;
	left:0px;
	min-height:100vh;  	
	margin: 0; 
	padding: 0;
	overflow-x:hidden;  
	display:block;
	border:1px solid black;
}

.page_header {
	position:relative;
	top:6vh;
	width:100%;
	text-align:center;
  color: white;
  text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
	padding-top:2vh;
	padding-bottom:2vh;
	font-size:400%;
}


/*  **  Styling for page 1  **  */
#page1 {
	background-image: url("../images/snow.jpg");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;	 		
}