body {
  font-family: 'Lato', sans-serif;
  margin-top: 0;
}

.page-container {
  position: relative;
  min-height: 100vh;
}

.safjbutton {
  -moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
  -webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
  box-shadow:inset 0px 1px 0px 0px #97c4fe;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #3855a5));
  background:-moz-linear-gradient(top, #3d94f6 5%, #3855a5 100%);
  background:-webkit-linear-gradient(top, #3d94f6 5%, #3855a5 100%);
  background:-o-linear-gradient(top, #3d94f6 5%, #3855a5 100%);
  background:-ms-linear-gradient(top, #3d94f6 5%, #3855a5 100%);
  background:linear-gradient(to bottom, #3d94f6 5%, #3855a5 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#3855a5',GradientType=0);
  background-color:#3d94f6;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  border:1px solid #337fed;
  display:inline-block;
  cursor:pointer;
  color:#ffffff; 
  font-family:"Microsoft Yahei";
  font-size:20px;
  font-weight:normal;
  padding:6px 24px;
  text-decoration:none;
  text-shadow:0px 1px 0px #3855a5;
    width: 80%;
  text-align: center;
}
.safjbutton:hover {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3855a5), color-stop(1, #3d94f6));
  background:-moz-linear-gradient(top, #3855a5 5%, #3d94f6 100%);
  background:-webkit-linear-gradient(top, #3855a5 5%, #3d94f6 100%);
  background:-o-linear-gradient(top, #3855a5 5%, #3d94f6 100%);
  background:-ms-linear-gradient(top, #3855a5 5%, #3d94f6 100%);
  background:linear-gradient(to bottom, #3855a5 5%, #3d94f6 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3855a5', endColorstr='#3d94f6',GradientType=0);
  background-color:#3855a5;
}
.safjbutton:active {
  position:relative;
  top:1px;
}

.site-header {
  margin-left: calc(50% - 50vw);
  width: 100vw;
  padding-top: 10px;
  padding-right: 5px;
  padding-bottom: 10px;
  padding-left: 5px;
}

.site-footer {
  background-color: #3855a5;
  margin-left: calc(50% - 50vw);
  width: 100vw;
  padding-top: 10px;
  padding-right: 5px;
  padding-bottom: 10px;
  padding-left: 5px;
  position:absolute;
  bottom:0;
}

.footer-link {
  color: #f1f1f1;
}

.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
  overflow-x: hidden;
  transition: 0.5s;
}

.overlay-content {
  position: relative;
  top: 10%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 24px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}

@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
  font-size: 40px;
  top: 15px;
  right: 35px;
  }
}

img {
    max-width: 90%;
    height: auto;
    width: auto\9; /* ie8 */
}