@media only screen 
		and (min-device-width : 320px) 
		and (max-device-width : 480px) {

				/* Smartphones (portrait and landscape) ----------- */
			   .mobileClear {
			clear:both;
			float:none; 
			}

			.OneThird  {
			 width: 32%;
			 margin: 5px 5px 15px 5px; /* top right bottom left */
			 border: 0px #cccccc solid;
				 text-align: center;
			 float: left;
			}
			.TwoThird  {
			 width: 62%;
			 margin: 5px 5px 15px 5px; /* top right bottom left */
			 border: 0px #cccccc solid;
			 float: left;
			}
			.Half {
			 width: 48%;
			 margin: 5px 5px 15px 5px; /* top right bottom left */
			 border: 0px #cccccc solid;
				 text-align: center;
			 float: left;
			}
				.QuarterCenter {
			 width: 23%;
			 margin: 5px 5px 15px 5px; /* top right bottom left */
			 border: 0px #cccccc solid;
			 text-align: center; 
				 float: left; 
			}
				 .OneFifth  {
			 width: 18%;
			 margin: 5px 5px 15px 5px; /* top right bottom left */
			 border: 0px #cccccc solid;
				 text-align: center;
			 float: left;
			}
			.Full {
			 width: 98%;
				 margin: 5px 5px 15px 5px; /* top right bottom left */
			 border: 0px #cccccc solid;
			}
				.FullCenter {
			 width: 98%;
				 margin: 5px 5px 15px 5px; /* top right bottom left */
				 text-align: center;
			 border: 0px #cccccc solid;
			}

			   .OneThirdDeskFullMobile  {
			 width: 98%;
			 margin: 5px 5px 15px 5px; /* top right bottom left */
			 border: 0px #cccccc solid;
			}
				 .OneThirdDeskFullMobileCenter  {
			 width: 98%;
			 margin: 5px 5px 15px 5px; /* top right bottom left */
				 text-align: center;
			 border: 0px #cccccc solid;
			}
			.HalfDeskFullMobile  {
			 width: 98%;
			 margin: 5px 5px 15px 5px;; /* top right bottom left */
			 border: 0px #cccccc solid;
			}
				.HalfDeskFullMobileCenter  {
			 width: 98%;
			 margin: 5px 5px 15px 5px;; /* top right bottom left */
				 text-align: center;
			 border: 0px #cccccc solid;
			}
			.TwoThirdDeskFullMobile  {
			 width: 98%;
			 margin: 5px 5px 15px 5px; /* top right bottom left */
			 border: 0px #cccccc solid;
			 }
				 .QuarterDesktopFullMobile {
			 width: 99%;
			 margin: 0px 0px 0px 0px; /* top right bottom left */
			 border: 0px #cccccc solid;
			}
			   .QuarterCenterDesktopFullMobile {
			 width: 99%;
			 margin: 0px 0px 0px 0px; /* top right bottom left */
			 border: 0px #cccccc solid;
			 text-align: center;
			}
				.FifthCenterDesktopFullMobile {
			 width: 99%;
			 margin: 0px 0px 0px 0px; /* top right bottom left */
			 border: 0px #cccccc solid;
			 text-align: center;
			}

		 }

		@media only screen 
		and (min-device-width : 768px) 
		and (min-width : 768px) {

				/* Desktops and laptops ----------- */
			   .desktopClear {
			clear:both;
			float:none; 
			}

			  .clear {
			clear:both;
			float:none; 
			}

			.OneThird  {
			 width: 32%;
			 margin: 5px 5px 15px 5px; /* top right bottom left */
			 border: 0px #cccccc solid;
				 text-align: center;
			 float: left;
			}
			.TwoThird  {
			 width: 62%;
			 margin: 5px 5px 15px 5px; /* top right bottom left */
			 border: 0px #cccccc solid;
			 float: left;
			}
			.Half {
			 width: 48%;
			 margin: 5px 5px 15px 5px; /* top right bottom left */
			 border: 0px #cccccc solid;
				 text-align: center;
			 float: left;
			}
				.QuarterCenter {
			 width: 23%;
			 margin: 5px 5px 15px 5px; /* top right bottom left */
			 border: 0px #cccccc solid;
			 text-align: center; 
				 float: left; 
			}
				 .OneFifth  {
			 width: 18%;
			 margin: 5px 5px 15px 5px; /* top right bottom left */
			 border: 0px #cccccc solid;
				 text-align: center;
			 float: left;
			}
			.Full {
			 width: 98%;
				 margin: 5px 5px 15px 5px; /* top right bottom left */
			 border: 0px #cccccc solid;
			}
				.FullCenter {
			 width: 98%;
				 margin: 5px 5px 15px 5px; /* top right bottom left */
				 text-align: center;
			 border: 0px #cccccc solid;
			}

			  .OneThirdDeskFullMobile  {
			 width: 31%;
			 margin: 5px 5px 15px 5px; /* top right bottom left */
			 border: 0px #cccccc solid;
			 float: left;
			}
				.OneThirdDeskFullMobileCenter  {
			 width: 31%;
			 margin: 5px 5px 15px 5px; /* top right bottom left */
			 border: 0px #cccccc solid;
			 float: left;
			 text-align: center;
			}
			.HalfDeskFullMobile  {
			  width: 48%;
			  margin: 5px 5px 15px 5px; /* top right bottom left */
			  border: 0px #cccccc solid;
			  float: left;
			}
				.HalfDeskFullMobileCenter  {
			 width: 48%;
			 margin: 5px 5px 15px 5px; /* top right bottom left */
			 border: 0px #cccccc solid;
			 float: left;
				 text-align: center;
			}
			.TwoThirdDeskFullMobile  {
			 width: 64%;
			 margin: 5px 5px 15px 5px; /* top right bottom left */
			 border: 0px #cccccc solid;
			 float: left;
			 }
				 .QuarterDesktopFullMobile {
			 width: 24%;
			 margin: 0px 0px 0px 0px; /* top right bottom left */
			 border: 0px #cccccc solid;
			 float: left;
			}
			   .QuarterCenterDesktopFullMobile {
			 width: 24%;
			 margin: 0px 0px 0px 0px; /* top right bottom left */
			 border: 0px #cccccc solid;
			 float: left;
			 text-align: center;
			}
				.FifthCenterDesktopFullMobile {
			 width: 20%;
			 margin: 0px 0px 0px 0px; /* top right bottom left */
			 border: 0px #cccccc solid;
			 float: left;
			 text-align: center;
			} 

		 }


		@media only screen 
		and (min-device-width : 320px) 
		and (max-device-width : 480px) {

				/* Smartphones (portrait and landscape) ----------- */
			   .HPpromo {
				 width: 100%;
				 height: 225px;
			 margin: 0px 0px 0px 0px; /* top right bottom left */
			 border: 0px #cccccc solid;
			 text-align: center;
			}

		 }

		@media only screen 
		and (min-device-width : 768px) 
		and (min-width : 768px) {

				/* Desktops and laptops ----------- */
			   .HPpromo {
			 width: 1px;
			 margin: 0px 0px 0px 0px; /* top right bottom left */
			 border: 0px #cccccc solid;
			 text-align: center;
				 display: none;
			}

		 }


		.Requestbutton {
			background: #0096c7;
			color: #fff;
			font-family: 'Lato', sans-serif;
			font-size: 17px;
			padding-top: 10px; 
			padding-bottom: 10px;
			margin: 5px 5px;
			text-align: center;
			border: 2px solid #ffffff;
			transition: all 0.3s ease 0s;
			border-radius: 15px;
		}
		input.Requestbutton:hover {
		  background: #ffffff;
		  color: #0096c7;
		  border: 2px solid #0096c7;
		}


		.CTAbutton {
			background: #17286c;
			color: #fff;
			font-family: 'Lato', sans-serif;
			font-size: 17px;
			margin: 5px 5px;
			 padding-top: 10px; 
			 padding-bottom: 10px;
			text-align: center;
			border: 2px solid #ffffff;
			transition: all 0.3s ease 0s;
			border-radius: 15px;
		}
		input.CTAbutton:hover {
		  background: #ffffff;
		  color: #17286c;
		  border: 2px solid #17286c;
		}