.content{max-width:980px;margin:auto}
        .center{text-align:center!important}
        .display-container{position:relative}
        .button {width:3%;text-align:left;background-color:White; color:Black; padding:6px 2px 6px 16px}
        .display-left{position:absolute; top:50%; left:0%; transform:translate(0%,-50%); -ms-transform:translate(-0%,-50%)}
        .display-right{position:absolute; top:50%; right:0%; transform:translate(0%,-50%); -ms-transform:translate(0%,-50%)}  
         .button {
  background-color: #333;
  border: none;
  color: white;
  padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
}
.button {
  background-color: white; 
  color: black; 
  border: 2px solid #04AA6D;
}

.button:hover {
  background-color: #333;
  color: white;
}

     .content {

  position: relative;
}

.mySlides {
  display: none;
  width: 100%;
      animation-name: fade;
    animation-duration: 1s;
}

@keyframes fade{
    from{opacity:.4}
    to{opacity: 1}
}
        h2{
            background-color: rgb(0,85,115);
            font-size: 30pt;
            color: white;
            border-color: greenyellow;
            border-radius: 10px;}

h4{ margin: auto;
font-size: 11pt;
  width: 60%;
  padding: 10px;
  margin-top: 30px;}

  .main-heading {
                text-align: center;
                padding: 50px;
            }
       
      .center {
  width: 60%;
  border: 3px solid #73AD21;
  padding: 10px;
}


.numbertext {
  color: #f2f2f2;
  font-size: 20px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
  left: 0;
}