.reveal .progress, .reveal .controls {
  z-index: 3;
}
.reveal .footer {
  z-index: 2; position: absolute;
  text-align: center;
  padding: 60px 0 15px;
  bottom: 0;
  left: 135px; right: 135px;
  font-size: 15px; color: white;
  transition: bottom 1s; -webkit-transition: bottom 1s;
}
.reveal .footerpadder {
  padding: 30px;
  height: 210px;
  background-color: rgb(10,10,10);
}
.reveal .footer.footerhover:hover {
  bottom: 0 !important;
}

.reveal .footer .footercontact {
  text-align: left;
  padding: 45px;
  margin: 0 auto;
  width: 360px;
}
.reveal .footer .footercontact p { margin: 9px 0 0; }
.reveal .footer .footercloser {
  cursor: pointer; float: right;
  border-color: #666;
  background-color: #333;
  color: white;
}
.reveal img.avatar {
  border-radius: 6px;
  border: 2px solid white;
}
.reveal .footer .footercontact img { margin-right: 30px; float: left; }

.reveal .footer.lookpartial { bottom: -244px; }
.reveal .footer.lookteasing { bottom: -255px; }
.reveal .footer.lookshidden { bottom: -300px; }

.reveal .slides img.slidingleft  { border-width: 0; width: 40%; height: 40%; float: left;  }
.reveal .slides img.slidingright { border-width: 0; width: 40%; height: 40%; float: right; }

.reveal .slides .dimmedback img { border-width: 0; position: relative;
    z-index: -1; left: 0; right: 0; top: 0; opacity: 0.3; }

.reveal .slides .goodertxt h1,
.reveal .slides .goodertxt h2,
.reveal .slides .goodertxt h3,
.reveal .slides .goodertxt h4,
.reveal .slides .goodertxt p,
.reveal .slides .goodertxt { color: white; text-shadow: 0 0 3px #FF0000, 0 0 5px #0000FF; }

body .slides img.avatar { opacity: 0; transition: opacity 1s; -webkit-transition: opacity 1s; }
body.footervisible .slides img.avatar { opacity: 0; }
body.footerhidden  .slides img.avatar { opacity: 1; }

@media screen and (max-width: 740px) {
  .reveal .footer {
    font-size: 10px;
    z-index: 4;
    padding: 10px 0 15px;
    left: 100px;
    right: 100px;
  }

  .reveal .footer.lookpartial { bottom: -158px; }
  .reveal .footer.lookteasing { bottom: -170px; }
  .reveal .footer.lookshidden { bottom: -200px; }

  .reveal .footerpadder { padding: 10px; height: 145px; }
  .reveal .footer .footercontact img { display: none; }
  .reveal .footer .footercontact { padding: 10px; width: auto; text-align: center; }
}

@-webkit-keyframes spaceboots {
  0% {
    -webkit-transform: translate(2px, 1px) rotate(0deg);
    transform: translate(2px, 1px) rotate(0deg);
  }
  10% {
    -webkit-transform: translate(-1px, -2px) rotate(-1deg);
    transform: translate(-1px, -2px) rotate(-1deg);
  }
  20% {
    -webkit-transform: translate(-3px, 0px) rotate(1deg);
    transform: translate(-3px, 0px) rotate(1deg);
  }
  30% {
    -webkit-transform: translate(0px, 2px) rotate(0deg);
    transform: translate(0px, 2px) rotate(0deg);
  }
  40% {
    -webkit-transform: translate(1px, -1px) rotate(1deg);
    transform: translate(1px, -1px) rotate(1deg);
  }
  50% {
    -webkit-transform: translate(-1px, 2px) rotate(-1deg);
    transform: translate(-1px, 2px) rotate(-1deg);
  }
  60% {
    -webkit-transform: translate(-3px, 1px) rotate(0deg);
    transform: translate(-3px, 1px) rotate(0deg);
  }
  70% {
    -webkit-transform: translate(2px, 1px) rotate(-1deg);
    transform: translate(2px, 1px) rotate(-1deg);
  }
  80% {
    -webkit-transform: translate(-1px, -1px) rotate(1deg);
    transform: translate(-1px, -1px) rotate(1deg);
  }
  90% {
    -webkit-transform: translate(2px, 2px) rotate(0deg);
    transform: translate(2px, 2px) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(1px, -2px) rotate(-1deg);
    transform: translate(1px, -2px) rotate(-1deg);
  }
}

.reveal section .trembling_brain {
  -webkit-animation-name: spaceboots;
  -webkit-animation-duration: 0.8s;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-name: spaceboots;
  animation-duration: 0.8s;
  transform-origin: 50% 50%;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}