.table-div
{
  display: table; 
  height: 100%; 
  width: 100%;
}

.vertical-center-cell
{
  height:100%; 
  width:100%; 
  vertical-align: middle; 
  display: table-cell;
}

.notice-btn
{
  display: inline-block;
  width:155px; 
  height:78px; 
}

.access-btn
{
  display: inline-block;
  width:140px; 
  height:78px; 
}

.sub-menu
{
  background:url('/img/sub-menu.png');
  background-size: 299px 78px;
  background-repeat:no-repeat; 
  width:299px; 
  height:78px; 
  position: absolute;
  top: 498px;
  right:100px;
}

@media(min-width: 768px) and (max-width: 899px){
  .sub-menu
  {
    top: 348px;
    width:200px; 
    height:52px;
    background-size: 200px 52px;
  }
  .notice-btn
  {
    width:104px; 
    height:52px;
  }
  .access-btn
  {
    width:92px; 
    height:52px;
  }
}

@media(max-width: 768px){
  .sub-menu
  {
    top: 253px;
    width:180px; 
    height:47px;
    background-size: 180px 47px;
    right:50px;
  }
  .notice-btn
  {
    width:93px; 
    height:47px;
  }
  .access-btn
  {
    width:82px; 
    height:47px;
  }

}

.main-quote
{
  color: #FFF;
  font-style: italic;
  margin: 200px auto;
  width:50%;
  max-width: 500px;
  vertical-align: middle;
}

.about-us-button
{
  position: absolute;
  margin-top:320px;
  left: 50%;
  width: 150px;
  height: 150px;
  margin-left: -75px;
  background-color: #FFF;
  opacity: 50%;
  border-radius: 100px;
  cursor: pointer;
}

a.about-us-anchor:link
{
  text-decoration: none;
}

.about-us-menu
{
  position: absolute;
  margin-top:490px;
  left: 50%;
  margin-left:-200px;
  width: 400px;
}

.about-us-menu-button
{
  margin-left: 11px;
  display: block;
  float: left;
  width: 67px;
  height: 67px;
  text-indent: -99999px;
  background: url('/img/about-us-menu.png');
  cursor: pointer;
}

@media(max-width: 767px){
  .about-us-menu
  {
    display: none;
  }
  .main-quote
  {
    margin: 150px auto;
    width:50%;
  }
}

.mission-button, .mission-button:focus
{
   background-position: 0 68px;
}


.about-button
{
   background-position: -67px 68px;
   
}

.facilities-button
{
  background-position: -134px 68px;
}

.history-button
{
  background-position: -201px 68px;
}

.achievements-button
{
  background-position: right 68px;
}

.mission-button-selected
{
   background-position: 0 0;
}


.about-button-selected
{
  background-position: -67px 0;
}

.facilities-button-selected
{
  
  background-position: -134px 0;
}


.history-button-selected
{
  background-position: -201px 0;
}

.achievements-button-selected
{
  background-position: right 0;
}



/* Float */
.hvr-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}

/* Bob */
@-webkit-keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }

  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }

  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

@keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }

  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }

  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

@-webkit-keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

@keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

.hvr-bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-bob:hover span {
  -webkit-animation-name: hvr-bob-float, hvr-bob;
  animation-name: hvr-bob-float, hvr-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}