body, html {
			height: 100%;
			padding-top: 0px;
		}

		.bg {
			/* The image used */
			background-image: url("../images/landing1.jpg");

			/* Full height */
			height: 100%;

			/* Center and scale the image nicely */
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
		}
		#latar {
background: linear-gradient(270deg, #1a91ac, #1e901d);
background-size: 400% 400%;

-webkit-animation: AnimationName 29s ease infinite;
-moz-animation: AnimationName 29s ease infinite;
animation: AnimationName 29s ease infinite;

		}
		@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

		.footer {
			position: fixed;
			left: 0;
			bottom: 0;
			width: 100%;
			background-color: transparent;
			color: white;
			text-align: center;
		}