body { background-color: #383838;}
div.container { width: 100%;
border: 1px solid black;
}
header, footer {
padding: 1em;
color: white;
background-color: #484848;
clear: left;
text-align: center;
}
nav {
float:left;
max-width: 110px;
margin: 0;
padding: 1em;
}
nav ul{
list-style-type: none;
padding: 0;
}
nav ul a {
text-decoration: none;
}
article {
margin-left: 120px;
border-left: 1px solid black;
padding: 1em;
overflow: hidden;
background-color: #282828;
}
#h02{ color: white;
font-size:28px;
font-family:'Century Gothic';}
#h01{ color: white;
font-size:32px;
font-family:'Century Gothic';}
#p01{color: white; font-family:'Calibri'; font-size:24px;}
#p02{color: white; font-family:'Calibri'; font-size:20px;}
#cg{ font-family:'Century Gothic';}
* {box-sizing:border-box}

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

.mySlides {
    display: none;
}



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


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

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

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