* {
  margin: 0;
  padding: 0;
}
html, body {

  font-family: sans-serif;
  font-size: 12px;
  box-sizing: border-box;
}

.page-wrap {

  max-width: 800px;
  min-height: 100%;
	height: auto !important; /* This line and the next line are not necessary unless you need IE6 support */
	height: 100%;
	margin: 0 auto -100px; /* the bottom margin is the negative value of the footer's height */
  /* equal to footer height */
  padding-bottom: 100px; 

}
.page-wrap:after {
  content: "";
  display: block;
}
.ani {
position: relative;
top: 50px;
}
.site-footer, .page-wrap:after {
  height: 100px;
}
.site-footer {

position: relative;
  text-align: center;
  clear:both;

}
a {
	color: #000;
}
/* CLEAR FIX */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}