body { 
  background: url('../img/mrmalkins.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  font-family: 'Amatic SC', cursive;
	cursor: url('../img/wand.png') 35 25, url('../img/wand.png'), pointer;
}


.bgblack { background-color: #000200; background-image: url('../img/bg1.png'); width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; z-index: 9999; }
  .contenedor { margin-top: 30%}

  .hojas { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }


  .se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../img/slytherin-loader2.gif') center no-repeat #000800;
	opacity: 0.9;
  }

.october-leaf {
  position: absolute;
  background-color: transparent;
  background-image: url('../img/leaves2.png');
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
  }
  
  a {border: 0px; cursor: url('../img/wand.png') 35 25, url('../images/img.png'), pointer; transition: all .1s linear;}

  image {cursor: url('../img/wand.png') 35 25, url('../images/img.png'), pointer;}

  
button.btn-info { background-color: rgba(0,97,59, 0.8); border-color: #006131; font-size: 18pt }
button.btn-info:hover { opacity: 0.7; background-color: rgba(0,97,59, 0.8); border-color: #006131 }

  @media(max-width: 540px) {
    .contenedor { margin-top: 80%}

  }