.hero.wide {
	position: relative;
	width: 100%;
	height: 100vh;
	min-height: 800px;
	background-position: center top;
	background-size: cover;
}


.floating {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    width: 100%;
    box-sizing: border-box;
}

	.floating .floating-content {
		position: relative;
	    height: 192px;
	}

		.floating .floating-content.upper {
		    color: white;
		    font-family: "Raleway", Helvetica, Arial, sans-serif;
		    text-align: center;
		    background-color: rgba(95, 161, 215, .97);
		}
	
			.floating .floating-content.upper p.title {
				height: 100%;
				margin: 0;
				margin-top: -20px;
				padding: .1em 1em .25em;
			    font-size: 9em;
			    font-weight: 100;
				display: inline-block;
				border: #EBCF7B solid 5px;
				border-radius: 70px;
			}
			
			@media (max-width:768px) {
			.floating .floating-content.upper p.title {
			    font-size: 4em;
			    margin-top: -12px;
			}
			}
	
			.floating .floating-content.upper p.tagline {
				text-transform: uppercase;
			    font-size: 2em;
			    letter-spacing: 2px;
			}
	
		.floating .floating-content.lower {
			height: 210px;
			background-color: rgba(255, 255, 255, .9);
		}
		
		@media (max-width:768px) {

		}
		
			.floating .floating-content.lower .container {
				width: 79%;
				display: flex;
				justify-content: space-between;
				align-items: center;
			}
			
				.floating .floating-content.lower .container:first-child {
					padding: 5em 0 .5em;
				}

				.floating .floating-content.lower p.title {
				    margin: 0;
					color: #e7665a;
				    font-size: 3em;
				    text-transform: uppercase;
				    letter-spacing: 4px;
				    flex: 1 1 auto;
				    text-align: center;
				}
				
				.floating .floating-content.lower p.spacer {
				    margin: 0;
				    font-size: 2em;
				    text-transform: uppercase;
				    letter-spacing: 2px;
				    display: flex;
				    align-items: center;
				    justify-content: center;
				    flex: 1 0 auto;
				    color: #EBCF7B;
				    font-weight: bold;
				}
				
					.floating .floating-content.lower p.spacer:after, 
					.floating .floating-content.lower p.spacer:before {
						content: "";
						width: 60px;
						height: 3px;
						background: #EBCF7B;
					}
					
						.floating .floating-content.lower p.spacer:before {
							margin-right: 1em;
						}
						.floating .floating-content.lower p.spacer:after {
							margin-left: 1em;
						}

				.floating .floating-content.lower .services_container {
					width: 445px;
					text-align: center;
				}
				
					.floating .floating-content.lower .services_container .flex {
						margin-bottom: 2em;
						align-items: flex-start;
						padding-right: 15px;
					}
				
					.floating .floating-content.lower .services_container p {
						padding: 0;
						margin: 0;
						color: #60a1d7;
						font-size: 18px;
						display: flex;
						align-items: center;
					}
					
						.floating .floating-content.lower .services_container p:nth-child(2):before,
						.floating .floating-content.lower .services_container p:nth-child(2):after {
							content: "";
							width: 6px;
							height: 6px;
							border-radius: 50%;
							background: #EBCF7B;
							margin: 0 .7em;
						}

						.floating .floating-content.lower .services_container p:nth-child(4):before {
							content: "";
							width: 6px;
							height: 6px;
							border-radius: 50%;
							background: #EBCF7B;
							margin: 0 .7em;
						}

section.slogan {
    background: white;
    min-height: 290px;
    height: auto;
    padding: 20px;
    box-sizing: border-box;
    /* justify-content: center; */
    /* align-items: center; */
}

section.slogan .background {
    position: relative;
    width: 100%;
    text-align: center;
    background-position: center top;
    background-size: cover;
    /* height: 100%; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 60px 0;
}

		section .background:before {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			content: '';
			background: white;
			opacity: .9;
			z-index: 0
		}

	section.slogan p {
		position: relative;
		width: 70%;
		margin: 1em auto;
		font-size: 32px;
		text-align: center;
		text-transform: uppercase;
		line-height: 2;
		letter-spacing: 3px;
		z-index: 1;
	}
	
	@media (max-width: 768px){
		section.slogan p {
		    font-size: 19px;
		}
	}
	
	section.slogan a.btn {
		font-size: 22px;
		border-width: 3px;
	}


section.location {
    background: white;
    min-height: 500px;
    height: auto;
    padding: 0 20px 20px;
    box-sizing: border-box;
}

	section.location .left {
		margin-right: 20px;
	}

	section.location .info_container {
		position: relative;
		padding: 3em;
		margin-bottom: 20px;
		color: #fff;
		font-size: 20px;
		text-align: center;
		text-transform: uppercase;
		background-color: #65A3D7;
	}
	
		section.location .info_container .address {
			margin-bottom: 2em;
		}
	
		section.location .info_container h4 {
		    margin: 0;
		    font-size: 1.4em;
		    text-transform: uppercase;
		    letter-spacing: 2px;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    flex: 1 0 auto;
		    color: #EBCF7B;
		    font-weight: bold;
		}
				
			section.location .info_container h4:after, 
			section.location .info_container h4:before {
				content: "";
				width: 65px;
				height: 3px;
				background: #EBCF7B;
			}
					
				section.location .info_container h4:before {
					margin-right: .5em;
				}
				section.location .info_container h4:after {
					margin-left: .5em;
				}

			section.location .info_container p {
				margin: .5em 0;
				letter-spacing: 3px;
			}
			
			section.location .info_container a.btn {
				font-size: 16px;
				letter-spacing: 2px;
				font-weight: 700;
				margin-top: 2em;
				padding: 20px 40px;
				border-width: 3px;
			}

		section.location .location_image {
		    position: relative;
			height: 260px;
		}
		
		section.location .location_image div {
			position: relative;
			height: 100%;
			background-position: center center;
			background-size: cover;
		}

	section.location .right {
		background-position: right center;
		background-size: cover;
	}
	
	div.floating .floating-content.lower .container.mobile {
		display: none;
	}

	.services_container a {
	    color: #5fa1d4;
	    text-decoration: none;
	}
	
	.logoicon {
		z-index: 300;
	}
	
	
	@media (max-width: 1295px) {
		.floating .floating-content.lower p.title {
			font-size: 2em;
		}
		.floating .floating-content.upper p.title {
			font-size: 6em;
		}
	}
	
	@media (max-width: 1024px) {
		div.floating .floating-content.lower .container.mobile {
			display: flex;
			width: 100%;
		}

		.site-header .mobile a, .site-header .mobile a:visited {
		    text-decoration: none;
		    padding: 9px 0px;
		}
		
		.floating .floating-content.lower .container.desktop {
			display: none;
		}

			.floating-content.lower {
			    display: flex;
			    justify-content: center;
			    align-items: center;
			}
	}
	@media (max-width: 768px) {

		
		.logoicon {
			display: none;
		}
		.floating .floating-content.upper p.title {
		    font-size: 4em;
		}

	}
	
	@media (max-width: 640px){
		.floating {
			 max-height: 260px;
		}
		
		.floating .floating-content.upper p.title {
		    font-size: 2.7em;
		}
		
		.floating .floating-content.upper p.tagline {
		    font-size: 1.2em;
		    margin-bottom: 0;
		}
		
		.floating .floating-content {
		    min-height: 100px;
		    height: auto;
		}
		
		.hero.wide {
		    min-height: 0;
		    height: 85vh;
		}
		
		.floating-content.lower {
		    height: auto;
		    min-height: 100px;
		}
		
		.floating .floating-content.lower p.title {
		    font-size: 2em;
		    padding-left: 10px
		}
		
		.floating .floating-content.lower p.spacer {
		    font-size: 1.2em;
		}
		
		.floating .floating-content.lower {
		    height: 160px;
		}
		
		section.slogan a.btn {
		    font-size: 14px;
		}
		
		section.location .info_container a.btn {
		    font-size: 10px;
		}
		
		.site-footer a.btn {
		    font-size: 15px;
		}
		
		.right.grid-60 {
		    height: 400px;
		}

		.site-header .mobile a, .site-header .mobile a:visited {
		    text-decoration: none;
		    padding: 9px 0px;
		}

		span.ico-arrow-right {
		    font-size: 15px;
		    color: #ebcf7b;
		    padding-left: 8px;
		}

		section.location .info_container h4 {
		    margin: 0;
		    font-size: .7em;
		    text-transform: uppercase;
		    letter-spacing: 2px;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    flex: 1 0 auto;
		    color: #EBCF7B;
		    font-weight: bold;
		}

		.floating .floating-content.upper {
		    color: white;
		    font-family: "Raleway", Helvetica, Arial, sans-serif;
		    text-align: center;
		    background-color: rgba(95, 161, 215, .97);
		    min-height: 110px;
		}
	}