/* ------------------- scroll ------------------*/

.demo a {
  position: absolute;
  bottom: 0em;
  left: 50%;
  z-index: 2;
  display: inline-block;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: #444;
  font : normal 100 1em "Montserrat",'Josefin Sans', sans-serif;

  text-decoration: none;
  transition: opacity .3s;
}
.demo a:hover {
  opacity: .5;
}

#scroll a {
  padding-top: 50px;
  font-size: 0.9em;
}
#scroll a span { /* ------------- the mouse -------------  */
  position: absolute;
  top: 0;
  left: 50%;
  width: 25px;
  height: 40px;
  margin-left: -14px;
  border: 1px solid #444 ;
  border-radius: 20px;
  box-sizing: border-box;
}
#scroll a span::before { /* ------------- the point inside the mouse -------------  */
  position: absolute;
  top: 10px;
  left: 50%;
  content: '';
  width: 4px;
  height: 4px;
  margin-left: -2px;
  background-color: #444 ;
  border-radius: 100%;
  box-sizing: border-box;
}

.right {padding-right: 5.2em;}
.margin {margin:0 5em;}
.margin-2 {margin:0 6em;}
header img {margin-left: 5em;}

.margin-bottom {padding-bottom:1.25em;}