#wrapper {
			max-width:960px; /*set the width of the wrapper*/
			margin: 0 auto; /*center the wrapper*/
			background-color: black; /*set the background color for the wrapper portion*/
		}
		
		body {
			margin: 0;
			padding: 0;
			background-color: #ccc;
			font-family: georgia, garamond, "Times New Roman", Times, serif;
		}
		
		
		/*From here down is all of the new information that you likely don't have*/
		nav {
			max-width: 960px; /*128px per box times 4 boxes with the current nav bar. This 		   	will change with each box added to the list*/
			margin: 0 auto; /*center the navigation buttons*/
			
		}
		
		nav ul {
    		list-style-type: none; /*Take away the bullet points*/
    		padding: 0;
  			margin: 0;
    		overflow: hidden; /*specifies that if your content is too big for the box it will just be hidden instead of scrolling or overlapping */
		}

		nav li {
    		float: left; /*force the list items to float beside one another rather than be a vertical list*/
    		font-family: 'Oswald', sans-serif; /*you can declare any set of fonts here*/
  			font-size: 1.4em; /*makes the font bigger than the rest of the normal links*/
  			line-height: 50px;
  			height: 50px; /*specifies how tall your navigation buttons are going to be*/
		}

		nav a:link, nav a:visited {
    		display: block; /*display a block around each <a> tag*/
    		width: 480px; /*the block will be however wide you specify here*/
    		color: white; /*make the text in the <a> tags whatever color you specify here*/
    		background-color: black; /*make the box whatever color you specify here*/
    		text-align: center; /*align the <a> tags to the center of the box*/
    		text-decoration: none; /*this takes away the underline of the <a> tag*/
    		transition: .3s background-color; /*this animates the color for when you scroll over the box*/
		}

		nav a:hover, nav a:active {
    		background-color: gray; /*when you scroll over or click on the <a> tag, the box will turn this color*/
		}
		/*End of the new CSS content that is related to the nav bar*/
		
		header {
       		color: black; 
       		background-color: gray;
       		border-style: none; 
       		max-width:960px; 
       		height: ; 
       		float: left; 
       		margin-left:0px;
       		margin-top: 0px;
       		margin-bottom: 0px;
       		
       		}
       		
       	section	{
       		color: black; 
       		background-color: white;
       		border-style: none; 
       		max-width:960px; 
       		height:      ; 
       		float: ; 
       		margin-left:0px;
       		margin-top: 0px;
       		margin-bottom: px;
       		padding-left: 5px; 
       		padding-right: 5px;
       		}
      
        aside { 
           	color: black; 
       		background-color: black;
       		border-style: none; 
       		max-width:960px; 
       		height:      ; 
       		float: ; 
       		margin-left:0px;
       		margin-top: 0px;
       		margin-bottom: 0px;
       		         		} 
           		
        footer {
           		background-color:black;
           		color:#A7AFB2;  
           		border-style:none; 
           		max-width: 960px;
           		height:     ; 
           		clear: both;           		
           		margin-top: ;
           		padding-left: 5px; 
       			padding-right: 5px;
           		}
           		
		hr {height: 20px; visibility: hidden; }

		.photo {max-width: 100%; 
		
		         }
		
		video {max-width: 100%;
		border;
		background-color: gray; }




* {box-sizing: border-box;}
body {font-family: Verdana, sans-serif;}
.mySlides {display: none;}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 800px;
  position: relative;
  margin: auto;
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

  /* The dots/bullets/indicators 
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
} */

.active {
  background-color: #717171;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}

/* Video container */
.video-container {
  max-width: 800px;
  position: relative;
  margin: 0 auto;
}