body, html {
     height: 100%;
     display: flex;
    }  
 
  .alegre {
     font-family: "Alegreya", serif;
     font-optical-sizing: auto;
     font-style: normal;
     }
     
   .border1 {
     border: 10px solid #002f72;
     }
     
   .w3-darkblue {
      background-color: #141452;
     }
     
  .mont {
     font-family: "Montserrat", sans-serif;
     font-optical-sizing: auto;
     font-style: normal;
     }

   .noline {
       text-decoration: none;
       }
       
   .txt1 {
       font-size: 16px;
     }
     
   .txt2 {
       font-size: 26px;
     }
     
   .txt3 {
       font-size: 43px;
     }
     
div.txtsz {
  padding: 20px;
}

@media screen and (min-width: 901px) {
  p.txtsz {
    font-size: 40px;
  }
}

@media screen and (max-width: 900px) {
  p.txtsz {
    font-size: 30px;
  }
}  
  
@media screen and (max-width: 600px) {
  p.txtsz {
    font-size: 26px;
  }
}

@media screen and (min-width: 901px) {
  p.txtsz2 {
    font-size: 28px;
  }
}

@media screen and (max-width: 900px) {
  p.txtsz2 {
    font-size: 24px;
  }
}  
  
@media screen and (max-width: 600px) {
  p.txtsz2 {
    font-size: 20px;
  }
}

    .txtshado2 {
       text-shadow: 2px 2px 2px black;
     }
     
   .sienna {
      color: #a0522d
      }
      
    #myDIV {
       background-color: #faf8f1;
       width: 300px;
       position: relative;
       top: -90px;
       left: 50px;
}

.circle-image{
    display: inline-block;
    width: 60%;
    padding-bottom: 60%;
    height: 0;
    position: relative;
}

.circle-image img{
  width:100%;
  height:100%;
  position: absolute;
  border-radius: 50%;
  object-fit: cover;
}

.container {
  height: 88px;
  position: relative;
}

.vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

    #myDIV2 {
       position: relative;
       top: -110px;
           left: -11%;
}

    #myDIV3 {
       position: relative;
       bottom: 25px;
}

  .mySlides {display:none;
     }
  .w3-left, .w3-right, .w3-badge {cursor:pointer;
     }
  .w3-badge {height:13px;width:13px;padding:0;
     }
      
    .navtext {
       font-size: 15px;
       font-family: "Montserrat", sans-serif;
       font-weight: 500;
       color: #006400;
       text-decoration: none;
       }
       
    .navtext2 {
       font-size: 15px;
       font-family: "Montserrat", sans-serif;
       font-weight: 500;
       }
       
     .tit1 {
       font-size: 15px;
       font-family: "Montserrat", sans-serif;
       color: #006400;
       }
       
     .tit2 {
       font-size: 22px;
       font-family: "Alegreya", serif;
       color: sienna;
       font-weight: 500;
       font-style: italic;
       }
       
     .tit3 {
       font-size: 26px;
       font-family: "Alegreya", serif;
       color: sienna;
       font-weight: 500;
       font-style: italic;
       }
       
     .hero-image {
        background-image: url("images/tim-robbins.webp");
        background-color: #cdae9b;;
        height: 50vw;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
       }
        
     .hero-text {
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: white;
       }
      
      .pad1 {
         padding: 12px 24px;
        }
        
      .pad2 {
         padding: 0px 32px;
        }
        
      .pad3 {
         padding: 0px 5px;
       }
       
      .pad4 {
         padding-left: 35px;
       }
       
      .pad5 {
         padding-left: 28px;
       }

   #upBtn {
    display: none;
    position: fixed;
    bottom: 65px;
    right: 25px;
    z-index: 99;
    width: 50px;
   }
   
  .w3-hover-opacity {
     cursor: pointer;
     }
     
div, iframe {
    margin: 0 auto;
}

iframe {
    display: block;
}