* {

    margin: 0;

    padding: 0;

}

 

#container{

width: 1000px;

margin: auto;


}

header {

width: 980px;
padding: 10px;
height: 120px;

background-color: #274c77;

}


 

h1 {text-align: center;

padding: 40px;

font-family: 'Abel', sans-serif;

color: #fefb64;

font-size: 40px;

font-style: normal;

font-weight: 400;

}

 

h2 {text-align: center;

font-family: 'Abel', sans-serif;

color: #fefb64;

font-size: 35px;

font-style: normal;

font-weight: 400;

padding: 25px 25px 15px 25px;

 

}

 

h3 {text-align: center;

font-family: 'Abel', sans-serif;

color: #fefb64;

font-size: 25px;

font-style: normal;
padding: 5px 10px 25px 10px;
font-weight: 400;

}

 

p {

text-align: center;

font-family: 'Abel', sans-serif;

color: #fefb64;

font-size: 20px;

font-style: normal;

font-weight: 400;

padding: 5px 10px 25px 10px;

}

 

.nav {

  background-color: #a3cef1;

  list-style-type: none;

  text-align: center;

  margin: 0;

  padding: 0;
 

}

 

.nav li {

  display: inline-block;

  font-size: 20px;

  padding: 10px;

}

 

.nav a {

  text-decoration: none;

  font-family: 'Abel', sans-serif;

  font-weight: 400;

  color: black;

  display: block;

  padding: 5px;

}

.nav a:hover {

  background-color: #e6e6e6;

 

}

.nav a.active {

  background-color: #fff;

  color: #444;

  cursor: default;

}

.content1 {
 width: 1000px;
  margin: 0 auto;
  height: 840px;
background-color: #7385a3;

}


.content2 {
 width: 1000px;
  margin: 0 auto;
    padding-top: 50px;
  height: 725px;
background-color: #7385a3;

}

 

.box1 {
  margin: 0 auto;
  width: 900px;
  height: 580px;
  background-color: #455877; 
   box-shadow: 0px 0px 2px 2px #000000;  

}

 .box2 {
  margin: 0 auto;

  width: 900px;
  height: 580px;
  background-color: #455877; 
   box-shadow: 0px 0px 2px 2px #000000;  

}



html {

  font-family: helvetica, arial;

}

#showContainer {

  /* Main wrapper for all images */

  width: 670px;

  padding: 0;

  margin: 0 auto;

  overflow: hidden;

  position: relative;

}

.navButton {

  /* Make buttons look nice */

  cursor: pointer;

  float: left;

  width: 25px;

  height: 22px;

  padding: 10px;

  margin-right: 5px;

  overflow: hidden;

  text-align: center;

  color: white;

  font-weight: bold;

  font-size: 18px;

  background: #000000;

  opacity: 0.65;

  user-select: none;

}

.navButton:hover {

  opacity: 1;

}

.caption {

  float: right;

}

.imageContainer:not(:first-child) {

  /* Hide all images except the first */

  display: none;

}

 

 

 

footer {

width: 905px;

font-family: 'Abel', sans-serif;

font-style: normal;

font-size: 15px;

font-weight: 400;

margin: 0 auto;

height: 40px;

background-color: #a3cef1;

text-align: center;

padding: 15px 0px 0px 0px;

margin-top: 40px;

 

}