html {
    overflow: hidden;
}
html, body {
	padding:0;
	margin:0;
}
body {
    background: #fff;
    text-align: center;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	//background-image: url(upsidedownhill.png);
	//background-size:cover;
	//background-repeat: no-repeat;
	//background-attachment: fixed;
	//background-position: center center;
}
img{
	width: 100%;
	margin: 0px;
}
.cliptest image {
  clip-path: url(#clip-test);
 }
.item--svg-mask-html img,
.item--svg-mask-svg image{
  mask: url(#masking);
}
.hill-img {
  display: block;
  max-width: 100%;
}
.hill-mask {
  mask-image: url(upsidedownhill.svg);
  webkit-mask-image: url(upsidedownhill.svg);
  mask-mode: alpha;
  webkit-mask-mode: alpha;
  mask-repeat: no-repeat;
  webkit-mask-repeat: no-repeat;
  mask-size: 300;
  webkit-mask-size: 300px;
  mask-position: left;
  webkit-mask-position: left;
}


.mask-img-repeat {
  margin: auto;
  display: block;
  max-width: 100%;
  height: 550px;
  mask-image: url(upsidedownhill.svg);
  webkit-mask-image: url(upsidedownhill.svg);
  mask-repeat: space;
  webkit-mask-repeat: space;
  mask-size: 80px 80px;
  webkit-mask-size: 80px 80px;
}



/* #svg-container {
  width: 100%;
  margin: 0 auto;
}
#svg {
	width:100%;
	height:100%;
	display:block;
	box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    z-index:100;
} */