@charset "utf-8";
	#BannerForm{
		
		height: calc(100% -100px);
	}
	#BannerTitle{
		top: 200px;
	}
	#BannerText{
		width: 100%;
		min-height: 80px;
		padding: 10px;	
		padding-bottom: 40px;
		background:rgba(0,0,0,0.5);
		position: fixed;
		bottom: 100px;
		z-index: 1;
		color: #FFF;
		font-size: 16px;
	}
	.carousel,.item,.active{height: calc(100% - 100px);}
	.carousel-inner{height:100%;}
	#Content{
		margin: 0px;
		padding: 0px;
	}
	#BtnBackForm{
		position: absolute;
		top:120px;
		margin-left: 30px;	
		z-index: 100;
		text-align: center;
	}
	#BtnBack{				
		padding: 3px 15px;		
		border: 1px solid #FFF;
		background: rgba(255,255,255,0.53);
		border-radius: 20px;		
		color: rgba(94,94,94,1.00);
		font-size: 16px;
		font-weight: bolder;
		cursor: pointer;
	}

        
	footer{
		margin-top: -100px;
	}
	@media only screen and (max-width: 991px){
		#BannerForm{
			height: auto;
			float: left;
		}
		#Content{
			float: left;
			margin-top: 20px;
		}
		footer{
			float: left;
		}
		#BannerTitle{
			width: 100%;
			height: 50px;
			font-size: 20px;
			display: block;
			position:static;	
			text-align: center;
			top: 0%;
			left: 0%;
			margin-top: 0px;
			margin-left: 0px;
			color: #333;
			text-shadow: 2px 2px 5px #666;
		}
		#BannerText{
			width: 100%;
			min-height: 80px;
			padding: 10px;	
			padding-bottom: 40px;
			background:rgba(0,0,0,0.5);
			position: static;
			bottom: 0px;
			z-index: 1;
			color: #FFF;
			font-size: 16px;
		}
		#BtnBackForm{
			width: 100%;
			height: 50px;
			display: flex;
			justify-content: center;
			align-items: center;
			position: static;
			top:0px;
			margin-left: 0px;	
			z-index: 100;
			text-align: center;
		}
		#BtnBack{
			width: 100%;
			height:50px;
			line-height: 50px;
			
		}
		footer{
			margin-top: 0px;
		}
			
	}