body {
  color: #000000;
  background: #FFFFFF;
  margin: 0;
  padding: 0;
  min-height: 800px; }
  body img {
    /*width: 100%;*/ }
  body h2 {
    font-size: 2rem;
    margin: 0px;
    padding: 40px; }
  body .section {
    height: 800px; }
  body .section:nth-of-type(odd) {
    color: #FFFFFF;
    background: #000000; }

header,
footer {
  height: 100px; }

#pinnacle-button {
  padding: 5px;
  position: fixed;
  bottom: 15px;
  right: 15px; 
  z-index: 2;}
  #pinnacle-button a {
    position: relative;
    border-radius: 50%;
    background: #EEEEEE;
    display: block;
    width: 50px;
    height: 50px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    transition-timing-function: ease-in-out; }
    #pinnacle-button a > .image {
      display: inline-block;
      width: 20px;
      height: 20px;
      margin: 15px 0px 0px 15px; }
      #pinnacle-button a > .image.down {
        background: url("../../../images/down-arrow.svg");
        background-repeat: no-repeat;
        background-size: cover; }
    #pinnacle-button a.reached-bottom > .image {
      background: url("../../../images/up-arrow-white.svg");
      background-repeat: no-repeat;
      background-size: cover; }
    #pinnacle-button a > .progress {
      position: absolute;
      pointer-events: none;
      -webkit-transition: translate .3s linear;
      transition: translate .3s linear;
      -webkit-transform-origin: 1em 1em;
      transform-origin: 1em 1em;
      -webkit-transform: rotate(-90deg);
      transform: rotate(-90deg);
      width: 54px;
      height: 54px;
      border-radius: 50%;
      display: block;
      top: 20px;
      right: -2px;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
      #pinnacle-button a > .progress svg {
        fill: transparent;
        stroke: #000000;
        stroke-width: 3;
        stroke-dashoffset: 0; }
    #pinnacle-button a.reached-bottom {
      background: #000000;
      animation-name: shake-it-up;
      animation-duration: 0.5s; }
      #pinnacle-button a.reached-bottom svg {
        stroke: #000000; }
        
      .reached-bottom .progress {
		 background-color:#000;
		} 
	 #pinnacle-button .progress {
		background-color:transparent;
	 }
	 
@keyframes shake-it-up {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.25); }
  100% {
    transform: scale(1); } }