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, #20bb1f);
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;
		}