body {
	font-size: 12pt;
	line-height: 1.75em;
	font-family: Helvetica, sans-serif;
	background: #030707 url('images/bg2.JPG');
background-position: center center;
background-size: cover;
background-repeat: repeat;

	
}


h2{
      margin-top: 5;
      margin-bottom: 2;
    }
    p{
      margin-top: 1;
     margin-bottom: 0;
    }

.divider {
          font-size: 14pt;
          font-family: Helvetica, sans-serif;
          background: #3ca9cd;
	  color: #addbea;
          margin-left: 2.5%; 
          margin-right: 2.5%;
}

.divider2 {
          font-size: 14pt;
          font-family: Helvetica, sans-serif;
          background: #34a2c7;
	  color: #addbea;
          margin-left: 2.5%; 
          margin-right: 2.5%;
}

.footer {
          font-size: 10pt;
          font-family: Helvetica, sans-serif;
          color: #7fd8f5;
          margin-left: 2.5%; 
          margin-right: 2.5%;
}

.responsive {
  max-width: 38%;
  height: auto;
}

.responsive2 {
  max-width: 95%;
  position: relative;
  margin: auto;
}

.responsive3 {
  max-width: 12%;
  position: relative;
  height: auto;
}

.responsive4 {
  max-width: 25%;
  position: relative;
  height: auto;
}

html {
  height:100%;
  }

nav {
  max-width: 40%;
  mask-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 25%, #ffffff 75%, rgba(255, 255, 255, 0) 100%);
  margin: 0;
  padding: 0px 0;
}

nav ul {
  text-align: center;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 25%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0) 100%);
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.1), inset 0 0 1px rgba(255, 255, 255, 0.6);
}

nav ul li {
  display: inline-block;
}

nav ul li a {
  padding: 5px;
  font-family: "Helvetica";
  text-transform: none;
  color: rgba(25, 0, 0, 0.8);
  font-size: 18px;
  text-decoration: none;
  display: block;
}

nav ul li a:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1), inset 0 0 1px rgba(255, 255, 255, 0.6);
  background: rgba(255, 255, 255, 0.1);
  color: rgba(25, 0, 0, 1);
}


{
    box-sizing: border-box
}

.image-slideshow {
  max-width: 95%;
  height: auto;
  position: relative;
  margin: auto;
}

img {
  width: 100%
}

.fade {
  animation-name: fade;
  animation-duration: 2s;
}

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

a {
  text-decoration: none;
  color: black;
}