html{ 
  font-family: 'ZCOOL XiaoWei', serif !important;
  scroll-behavior: smooth;
}

body {
    font-size: 14px;
}

.anchor-commitment {
display: inline-block;
position: relative;
height: -100px;
margin-top: 100px;
visibility: hidden;
}

.anchor-show {
display: inline-block;
position: relative;
height: -100px;
margin-top: 100px;
visibility: hidden;
}

.anchor-tribute {
display: block;
position: relative;
height: -100px;
margin-top: 70px;
visibility: hidden;
}

a:link {color: #79C2FF;}
a:visited {color: #309CF8;}
a:hover {color: #ADD9FF;}
a:active {color: #ffffff;}

a.vertmenu:link {color: #309CF8; font-size: 2.5vh;}
a.vertmenu:visited {color: #309CF8;}
a.vertmenu:hover {color: #ADD9FF;}
a.vertmenu:active {color: #ffffff;}
a.vertmenu {
//    display: block;
//    position: relative;
//    top: -250px;
//    visibility: hidden;
}

.pane {
//    display: inline-block;
//    overflow-y: scroll;
//    max-width: 1200px;
}
table {
//    text-align: center;
//    margin: auto;
}

a.email:link {color: #309CF8; font-size: 2.2vh;}
a.email:visited {color: #309CF8;}
a.email:hover {color: #ADD9FF;}
a.email:active {color: #ffffff;}

      a.actslinks:link {
        color: #ADD9FF;
      }
      a.actslinks:visited {
        color: #ADD9FF;
      }
      a.actslinks:hover {
        color: #ffffff;
      }

.lockedheader {
//display: inline-block;
position: fixed;
z-index: 100;
left: 0;
width: 100%;
background-color: #222;
opacity: 0.93;
padding: 0px 40px 10px 40px;
}

.first {
    scroll-margin-top: 500px; // 1
//position: fixed;
//  background-image: url(images/main.jpg);
  background-image: url(images/SEC_SiteBG2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
//  height:800px;
  font-size: 17px;
  color: white;
}

.first h1 {
  color: white;
}

.first a {
//  color: white !important;
}

.social li{
  font-size: 17px;
  display: inline-block;
  float:right;
  padding-right: 1%;
}

li a{
  color: white !important;
}

nav{
  margin-top: 6%;
  border-top: 1px solid white;
}
 .pink{
   background-color: #b62b52;
 }

 .green{
   background-color: #769d2a;
 }

 .teal {
    background-color: #01a0a6;
 }

 a h2 {
   color: white;
 }

a:hover {
 text-decoration: none!important;
  }

  .first .pink, .first .pic, .first .green{
   padding-right: 0px !important;
   padding-left: 0px!important;
  }

  .green a, .pink a, .teal a{
    padding: 6%;
  }

  .message{
//	scroll-margin-top: 100px;
    background-color: #222828;
    color: #fcfdff;
    padding: 3%;
  font-size: 19px;
  }

  .message a{
    color:black!important;
    background-color: white;
  }

  .message a{
    text-decoration: none!important;

  }
.message button {
  background-color: white;
  padding: 1%;
  border-radius: 9%;
}

 .what_to_do img{
   width: 100%;
}

.what_to_do h2{
  padding: 3%;
  color: black;
}

.what_to_do i{
    font-size: 40px;
}

.what_to_do div {
//    padding: 3%;
    color: #222828;
}

.what_to_do button,.four button{
  background-color: transparent;
  border-radius: 6px;
  padding: 3%;
}

.what_to_do button a{
  color:  #222828;
  font-variant: all-petite-caps;
}

.four {
  background-image: url(images/SEC_SiteBG1.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
//  min-height: 540px;

}

.four h1{
  padding: 3%;
  color: white;
}

 .four button a{
   color: white;
   font-variant: all-petite-caps;
   font-size: 25px;
 }

 .four img{
   width: 100%;
}

}
 .five {
scroll-margin-top: 200em;
   padding: 3%;
  min-height: 640px;
 }

 .five img{
   width: 100%;
 }

 .six {
   background-color: #222828;
   color:white;
   padding: 3%;
 }

.six i{
  font-size: 40px;
  text-align: center;
  padding: 3%;
}

.six p{
//  padding: 0 30% 0 30%;
}

.people{
  border-top: 1px solid white;
}

.people img{
//align: center;

  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;

  padding: 6%;
  width: 80%;
  height: 300px;
}

.letter{
  background-image: url(images/letter.jpeg);
  background-size: cover;
  background-repeat: no-repeat;
//  height: 400px;
  color: white;

}

.letter button a{
  color: black;
}

.letter h1{
  padding-top: 4%;
}

.letter button {
  background-color: white;
font-size: 20px;
border-radius: 5px;
font-variant-caps: all-petite-caps;
}

footer {
  background-color: black;
  color:white;
  padding: 4%;
}