html {
  background: url(img/bg.jpg) no-repeat center center fixed;
  background-size: cover;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#bg {
    display: none;
    position: fixed;
    top: -50%;
    left: -50%;
    height: 100%;
    background-size: cover;
}

#bg img {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    min-width: 50%;
    min-height: 50%;
    opacity: 0.5;
}
html:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.95;

    background: rgb(34,193,195);
    background: -moz-linear-gradient(45deg, rgba(34,193,195,1) 0%, rgba(253,45,205,0.759563200280112) 100%);
    background: -webkit-linear-gradient(45deg, rgba(34,193,195,1) 0%, rgba(253,45,205,0.759563200280112) 100%);
    background: linear-gradient(45deg, rgba(34,193,195,1) 0%, rgba(253,45,205,0.759563200280112) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(
        startColorstr="#22c1c3",
        endColorstr="#fd2dcd",
        GradientType=1
        );
}