body{
				font-weight: 300;
				background-repeat:no-repeat;
				font-family:  "Segoe UI", "Roboto";
				background-image: url('/images/backsupport.png');
			}
			
			.container {
				max-width: 1024px;
			}
			.navbar{
				color: #151F30;	
				font-size:1.3rem;
				padding: 0.2rem .8rem;
				padding-bottom: 1.1rem;
				padding-top: 0.5rem;
			}
			.navbar-brand {
				color: #FFFFFF;
				font-weight: 500;
			}
			#navcontact {
				color: #FFFFFF;
				font-size:1.1rem;
			}
			.head {
				margin-top:5px;
				font-size:2.7rem;				
				color: #151F30;
				font-weight: bold;
				margin-bottom:5.3%;
			}
			.font-weight-lighter{
				font-size:1.2rem;
				color: #262020;
			}			
			.futurehead
			{
				text-align: center;
				height: 50px;
				font-size:1.7rem;				
				color: #151F30;
				font-weight: bold;
				line-height:50px;
				margin-top: 2%;
				margin-bottom:1.3%;
			}
			.feature
			{
				font-size:1.2rem;				
				color: #262020;
				line-height:40px;
				margin-top: 2%;
				margin-bottom:1.3%;
			}
			.meterbrand
			{			
				color: #66953F;
			}
			.bg-secondary {
				background-color: #fff !important;
			}
			.footerbg {				
				   padding-top:8%;	
				   padding-bottom:.8%;			   
				   width: 100%;
				   background: url('/images/footerbgterms.png');
				   background-size: cover;
				   color: white;
				   text-align: center;
				}
			.foottext{
					color:#fff !important;
				}
			
			.footcontent{
					font-size:1.2rem !important;
					padding-bottom:.8%;
				}
			.card{				
				margin-bottom:4%;
			}
			#support {
				color:#fff;
				margin-right:17px;
				font-size:1.1rem;
			}

			.table td, .table th {
				padding: 1.5rem;
				vertical-align: top;
				border-top: 1px solid #dee2e6;
				color: #151F30;
			}
			.note
			{
				text-align: center;
				height: 80px;
				background: -webkit-linear-gradient(left, #2D2626, #262020);
				color: #fff;
				font-weight: bold;
				line-height: 80px;
				margin-top: 2%;
			}
			.form-content
			{
				padding:2%;
				border: 1px solid #ced4da;
				margin-bottom: 2%;
				background-color: #fff;
			}
			.intro{
				text-align: center;
				height: 50px;
				font-size:1.7rem;				
				color: #151F30;
				font-weight:400;
				line-height:50px;
				margin-top:.5%;
				margin-bottom:1.3%;
			}
			.subintro{
				font-size:1.4rem;				
				color: #151F30;
				font-weight: 400;
				margin-bottom:0.3%;
			}
			.contactinfo
			{
				padding:1%;
				border: 1px solid #ced4da;				
				background-color: #fff;
			}
			.form-control{
				border-radius:0.9rem;
				padding:3%;
			}
			.btnSubmit
			{
				border:none;
				border-radius:1.5rem;
				padding: 1%;
				width: 20%;
				cursor: pointer;
				background: #151F30;
				color: #fff;
			}
			#navbar {
				background-color: #151F30;
				position: fixed;
				top:-100px;
				width: 100%;
				display: block;
				transition: top 0.3s;
				}
			@media (min-width: 200px) {
				.card{
					font-size:0.6rem;
				}
				.footcontent{
					font-size:1.2rem !important;
					margin-top:12%;
					padding :1.2%;
				}
				.footerbg {				
				   padding-top:18%;					   
				}
				
			}			
			
			@media (min-width: 400px) {
				.card{
					font-size:0.8rem;
				}
				.footcontent{
					font-size:1.2rem !important;
					margin-top:2%;
					padding:1.8%;
				}
				.footerbg {				
				   padding-top:14%;					   
				}
			}			
			@media (min-width: 800px) {
				.card{
					font-size:1rem;
				}
				.footerbg {				
				   padding-top:6%;					   
				}
			}			
			@media (max-width:765px) {
				body{
					background-image: url('/images/backsupport.png');
                    background-repeat:no-repeat;					
				}
				
			}