body {
  padding-top: 50px;
  margin-bottom: 30px;
}

.content {
  margin-top: 10px;
}

.imgCaption {
  color: blue;
}

.picture, .thumb {
  margin-bottom: 20px;
}

.introImage {
  float: left;
  margin-right: 20px;
}

.active-menu-item {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}

.next {
  float: right;
}


.container {
  position: relative;
}

.content.ng-enter, .content.ng-leave {
  background: white;
  top: 0;
  left: 0;
  right: 0;
}

.content.ng-enter {
  -webkit-animation: 0.5s fade-in;
  -moz-animation: 0.5s fade-in;
  -o-animation: 0.5s fade-in;
  animation: 0.5s fade-in;
  z-index: 100;
}

.content.ng-leave {
  -webkit-animation: 0.5s fade-out;
  -moz-animation: 0.5s fade-out;
  -o-animation: 0.5s fade-out;
  animation: 0.5s fade-out;
  z-index:99;
}

@keyframes fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}
@-moz-keyframes fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}
@-webkit-keyframes fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes fade-out {
  from { opacity: 1; }
  to { opacity: 0; }
}
@-moz-keyframes fade-out {
  from { opacity: 1; }
  to { opacity: 0; }
}
@-webkit-keyframes fade-out {
  from { opacity: 1; }
  to { opacity: 0; }
}