#content .content-grid:before,
.bkgd--noise:before {
    content: '';
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1
}

#content .content-grid:before,
.bkgd--noise:before {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 512 512' preserveAspectRatio='xMidYMid meet'%3E%3Cfilter id='noise' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.9' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23noise)' opacity='0.4'/%3E%3C/svg%3E") 0 0/50px 50px repeat fixed, radial-gradient(circle at 50% 138%, rgba(255, 255, 255, 0.1) 38%, rgba(255, 199, 46, 0.2) 62%, rgba(95, 139, 180, 0.3) 100%) 0 0/100% no-repeat fixed, -webkit-gradient(linear, left top, left bottom, color-stop(62%, rgba(255, 240, 199, 0.1)), color-stop(138%, rgba(255, 199, 46, 0.1))) 0 0/100% no-repeat fixed, #FFF;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 512 512' preserveAspectRatio='xMidYMid meet'%3E%3Cfilter id='noise' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.9' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23noise)' opacity='0.4'/%3E%3C/svg%3E") 0 0/50px 50px repeat fixed, -webkit-radial-gradient(50% 138%, circle, rgba(255, 255, 255, 0.1) 38%, rgba(255, 199, 46, 0.2) 62%, rgba(95, 139, 180, 0.3) 100%) 0 0/100% no-repeat fixed, -webkit-linear-gradient(top, rgba(255, 240, 199, 0.1) 62%, rgba(255, 199, 46, 0.1) 138%) 0 0/100% no-repeat fixed, #FFF;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 512 512' preserveAspectRatio='xMidYMid meet'%3E%3Cfilter id='noise' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.9' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23noise)' opacity='0.4'/%3E%3C/svg%3E") 0 0/50px 50px repeat fixed, -o-radial-gradient(50% 138%, circle, rgba(255, 255, 255, 0.1) 38%, rgba(255, 199, 46, 0.2) 62%, rgba(95, 139, 180, 0.3) 100%) 0 0/100% no-repeat fixed, -o-linear-gradient(top, rgba(255, 240, 199, 0.1) 62%, rgba(255, 199, 46, 0.1) 138%) 0 0/100% no-repeat fixed, #FFF;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 512 512' preserveAspectRatio='xMidYMid meet'%3E%3Cfilter id='noise' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.9' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23noise)' opacity='0.4'/%3E%3C/svg%3E") 0 0/50px 50px repeat fixed, radial-gradient(circle at 50% 138%, rgba(255, 255, 255, 0.1) 38%, rgba(255, 199, 46, 0.2) 62%, rgba(95, 139, 180, 0.3) 100%) 0 0/100% no-repeat fixed, linear-gradient(to bottom, rgba(255, 240, 199, 0.1) 62%, rgba(255, 199, 46, 0.1) 138%) 0 0/100% no-repeat fixed, #FFF
}