﻿/*--------------------
TABLE OF CONTENTS
01. Base Styles
02. Typography/Link Styles
03. Header Styles
04. Navigation Styles
05. Content Styles
06. Footer Styles
*/

@font-face {
	font-family: 'vincentia';
	src: url('../fonts/vincentia-webfont.eot'); /* IE9 Compat Modes */
	src: url('../fonts/vincentia-webfont.eot?') format('eot'), /* IE6-IE8 */ url('../fonts/vincentia-webfont.woff') format('woff'), /* Modern Browsers */ url('../fonts/vincentia-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/vincentia-webfont.svg#vincentia-webfont') format('svg') /* Legacy iOS */
}
/*======================
01. BASE STYLES
========================*/

body {
	font: 100%/1.4 'Montserrat', sans-serif;
	color: #3c3c3c;
}
img {
	max-width: 100%;
}
sup {
	vertical-align: super;
	font-size: smaller;
}
.container {
	width: 95%;
	margin: 0 auto;
	max-width: 1200px;
	position: relative;
}
.column {
	float: left;
	margin: 0 1%;
}
/*USE class="row" to add "padding" to top and bottom of a section area. */

.row {
	width: 100%;
	padding: 50px 0;
	display: inline-block;
}
.teal {
	background: #dedede;
}
.yellow {
	color: #d9af06;
}
.text {
	padding-top: 15px;
}
.grid12 {
	width: 98%;
}
.grid11 {
	width: 89.6667%;
}
.grid10 {
	width: 81.3333%;
}
.grid9 {
	width: 73%;
}
.grid8 {
	width: 65%;
}
.grid7 {
	width: 56.3333%;
}
.grid6 {
	width: 48%;
}
.grid5 {
	width: 39.6667%;
}
.grid4 {
	width: 31%;
}
.grid3 {
	width: 23%;
}
.grid2 {
	width: 14.6667%;
}
.grid1 {
	width: 6.3333%;
}
.clear {
	clear: both;
}
.alignleft {
	float: left;
	margin: 0 20px 20px 0!important;
}
.alignright {
	float: right;
	margin: 0 0 20px 20px !important;
}
.alignmid {
	display: block;
	margin: 0 auto;
}
.tleft {
	text-align: left;
}
.tright {
	text-align: right;
}
.center {
	text-align: center;
}
blockquote {
	color: #8ecac9;
	font-size: 1.8em;
	width: 33%;
	margin: 0 0 0 50px;
	padding: 0;
	float: right;
}
hr {
	border: 0;
	height: 1px;
	background: #d9af06;
	padding: 0;
	margin-top: 35px;
	margin-bottom: 35px;
}
/*======================
Scroll bar CSS
=======================*/
.scrollbar {
	margin-left: 22px;
	float: left;
	height: 300px;
	width: 65px;
	background: #F5F5F5;
	overflow-y: scroll;
	margin-bottom: 25px;
}
.force-overflow {
	min-height: 450px;
}
#wrapper {
	text-align: center;
	margin: auto;
}
 #style-1::-webkit-scrollbar, #style-2::-webkit-scrollbar {
 width: 12px;
 background-color: #F5F5F5;
}
 #style-4::-webkit-scrollbar, #style-5::-webkit-scrollbar, #style-6::-webkit-scrollbar, #style-7::-webkit-scrollbar, #style-8::-webkit-scrollbar, #style-9::-webkit-scrollbar, #style-10::-webkit-scrollbar, #style-11::-webkit-scrollbar {
 width: 10px;
 background-color: #F5F5F5;
}

/**  STYLE 1 */
#style-1::-webkit-scrollbar-thumb {
 border-radius: 10px;
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
 background-color: #555;
}
 #style-1::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 border-radius: 10px;
 background-color: #F5F5F5;
}

/**  STYLE 2 */
#style-2::-webkit-scrollbar-thumb {
 border-radius: 10px;
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
 background-color: #D62929;
}
 #style-2::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 border-radius: 10px;
 background-color: #F5F5F5;
}

/**  STYLE 3 */
#style-3::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 background-color: #F5F5F5;
}
 #style-3::-webkit-scrollbar {
 width: 6px;
 background-color: #F5F5F5;
}
 #style-3::-webkit-scrollbar-thumb {
 background-color: #000000;
}

/**  STYLE 4 */
#style-4::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 background-color: #d9af06;
}
 #style-4::-webkit-scrollbar-thumb {
 background-color: #000000;
 border: 2px solid #555555;
}

/**  STYLE 5 */
#style-5::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 background-color: #F5F5F5;
}
 #style-5::-webkit-scrollbar-thumb {
 background-color: #0ae;
 background-image: -webkit-gradient(linear, 0 0, 0 100%,  color-stop(.5, rgba(255, 255, 255, .2)),  color-stop(.5, transparent), to(transparent));
}

/**  STYLE 6 */
#style-6::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 background-color: #F5F5F5;
}
 #style-6::-webkit-scrollbar-thumb {
 background-color: #F90;
 background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%,  transparent 25%,  transparent 50%,  rgba(255, 255, 255, .2) 50%,  rgba(255, 255, 255, .2) 75%,  transparent 75%,  transparent)
}

/** STYLE 7 */
#style-7::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 background-color: #F5F5F5;
 border-radius: 10px;
}
 #style-7::-webkit-scrollbar-thumb {
 border-radius: 10px;
 background-image: -webkit-gradient(linear,  left bottom,  left top,  color-stop(0.44, rgb(122,153,217)),  color-stop(0.72, rgb(73,125,189)),  color-stop(0.86, rgb(28,58,148)));
}

/**  STYLE 8 */
#style-8::-webkit-scrollbar-track {
 border: 1px solid black;
 background-color: #F5F5F5;
}
 #style-8::-webkit-scrollbar-thumb {
 background-color: #000000;
}

/**  STYLE 9 */
#style-9::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 background-color: #F5F5F5;
}
 #style-9::-webkit-scrollbar-thumb {
 background-color: #F90;
 background-image: -webkit-linear-gradient(90deg, rgba(255, 255, 255, .2) 25%,  transparent 25%,  transparent 50%,  rgba(255, 255, 255, .2) 50%,  rgba(255, 255, 255, .2) 75%,  transparent 75%,  transparent)
}

/**  STYLE 10 */
#style-10::-webkit-scrollbar-thumb {
 border-radius: 10px;
 background: linear-gradient(left, #96A6BF, #63738C);
 box-shadow: inset 0 0 1px 1px #5C6670;
}
 #style-10::-webkit-scrollbar-track {
 border-radius: 10px;
 background: #eee;
 box-shadow: 0 0 1px 1px #bbb, inset 0 0 7px rgba(0,0,0,0.3)
}
 #style-10::-webkit-scrollbar-thumb:hover {
 background: linear-gradient(left, #8391A6, #536175);
}

/**  STYLE 11 */
#style-11::-webkit-scrollbar-track {
 border-radius: 10px;
 background: rgba(0,0,0,0.1);
 border: 1px solid #ccc;
}
 #style-11::-webkit-scrollbar-thumb {
 border-radius: 10px;
 background: linear-gradient(left, #fff, #e4e4e4);
 border: 1px solid #aaa;
}
 #style-11::-webkit-scrollbar-thumb:hover {
 background: #fff;
}
 #style-11::-webkit-scrollbar-thumb:active {
 background: linear-gradient(left, #22ADD4, #1E98BA);
}
/*======================
02. TYPOGRAPHY/LINK STYLES
========================*/

h1 {
	font-size: 4em;
	line-height: 1.2em;
	padding-bottom: 0;
	font-family: 'vincentia', cursive;
	margin-bottom: 20px;
}
h1, h2, h3, h4, h5, h6 {
	color: #8ecac9;
	font-weight: normal;
	padding-bottom: 0;
}
h2, h3, h4, h5, h6 {
	font-family: inherit;
	margin-bottom: 20px;
}
h2 {
	font-size: 2.5em;
}
h3 {
	font-size: 2.1em;
}
h4 {
	font-size: 1.7em;
}
h5 {
	font-size: 1.4em;
	text-transform: uppercase;
	margin-bottom: 10px;
}
h6 {
	font-size: 1em;
}
.support h2, .support h3, .support h3, .support h4 {
	padding-bottom: 0;
}
h2 strong {
	color: #32d7c5;
	font-weight: 700;
}
.content h2, .content h3, .content h4, .contenth5, .content h6 {
	padding-bottom: 0;
}
a {
	color: #1e99cc;
	transition: 0.5s all ease;
}
a:hover {
	color: #d9af06;
}
p, li {
	line-height: 1.7em;
}
.column li {
	line-height: 1.7em;
}
a.button {
	background: #d9af06;
	color: #333;
	display: inline-block;
	text-decoration: none;
	margin: 15px 0;
	text-transform: uppercase;
	font-size: 1em;
	padding: 18px 12px;
}
a.button:hover {
	background: #c9a207;
}
a.white {
	color: #fff;
}
a.button i {
	margin-left: 15px;
}
/*======================
03. HEADER STYLES
========================*/

header {
	position: relative;
	background: #003764;
}
header:after {
	content: '';
	display: inline-block;
	width: 100%;
	height: 16px;
	background: url(../img/triangle-blue.png) repeat-x;
	position: absolute;
	bottom: -16px;
	z-index: 150;
}
header .container {
	max-width: inherit;
	width: 95%;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center; /* Safari 7.0+ */
}
.logo {
/*    float: left;*/
}
header .logo img {
	margin: 0 auto;
	max-height: 210px;
	padding: 5% 0;
}
.logo a {
	margin: 0;
	display: block;
}
.logo-mobile {
	display: none;
}
/*======================
04. NAVIGATION STYLES
========================*/

.mobile {
	display: none;
}
.navwrap {
	position: relative;
	z-index: 999;
	/*    float:right;*/
	margin-left: auto;
}
.contact-info .social a {
	transition: 0.5s all ease;
	color: #003373;
}
.contact-info .social a .fa-inverse {
	color: #fff;
}
.contact-info .social a:hover {
	color: #4f7a79;
}
.number {
	display: none;
}
.navwrap > .social a .fa-circle {
	color: #32d7c5;
	transition: 0.5s all ease;
}
.navwrap > .social a:hover .fa-circle {
	color: #219b8e;
}
nav {
	float: right;
}
ul.navigation {
	list-style-type: none;
	padding-bottom: 0;
}
ul.navigation:after {
	display: block;
	content: "";
	clear: both;
}
ul.navigation li {
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
}
ul.navigation li:last-child ul {
	right: 0;
}
ul.navigation li:last-child:hover li a {
	text-align: right;
}
ul.navigation li a {
	display: block;
	text-decoration: none;
	color: #fff;
	line-height: 137px;
	padding: 0 18px;
	text-transform: uppercase;
	transition: 0.5s all ease;
}
ul.navigation li:hover a {
	color: #9acff3;
}
/* DROPDOWN */

ul.navigation li ul {
	display: none;
}
ul.navigation li:hover ul {
	display: block;
	margin-left: 0;
	position: absolute;
	top: 137px;
	z-index: 9999;
	list-style-type: none;
}
ul.navigation li:hover li {
	float: none;
	white-space: nowrap;
	width: 100%;
	background: none;
}
ul.navigation li:hover li a {
	background: #fff;
	color: #4b4b4b;
	display: block;
	margin: 0;
	height: auto;
	text-align: left;
	font-size: 1em;
	line-height: 2.7em;
	padding: 0 20px 0 15px;
	border: 0;
}
ul.navigation li:hover li a:hover {
	color: #8ecac9;
}
/*======================
05. CONTENT STYLES
========================*/

.full-header {
	position: relative;
	max-height: 700px;
	overflow: hidden;
}
.full-header h1 {
	font-size: 6em;
	color: #d9af06;
	text-shadow: 2px 2px 4px #3a3a3a;
	margin-bottom: 0px;
}
.full-header h2 {
	font-size: 1.6em;
	color: #fff;
	width: 60%;
	background-color: rgba(0,55,100,0.9);
	margin: 0 auto;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 10px 15px;
}
.full-header p {
	font-size: 2em;
}
.pro-logos img {
	margin: 0 8px;
}
#slideshow {
	padding: 0;
}
#slideshow li {
	margin: 0;
	list-style-type: none;
}
#slideshow img {
	display: block;
}
#slideshow video {
	display: block;
	width: 100%;
}
.full-header .overlay {
	position: absolute;
	top: 45%;
	left: 0;
	right: 0;
	text-align: center;
	color: #fff;
	z-index: 300;
}
.contact-info {
	color: #dedede;
	line-height: 106px;
}
.contact-info .container {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.contact-info .container > div {
	margin-left: 1%;
	margin-right: 1%;
}
.contact-info .phone {
	color: #003764;
	text-decoration: none;
	font-size: 2em;
	font-weight: 600;
	display: block;
}
#welcome h2 {
	font-size: 5.6em;
	text-transform: uppercase;
	color: #d9af06;
	line-height: 1em;
	font-family: inherit;
}
#welcome h2 span {
	font-weight: 700;
	display: block;
	color: #003764;
}
.content {
	position: relative;
	z-index: 10;
}
.content h2 {
	color: #d9af06;
	font-family: inherit;
}
.content h4 {
	color: #d9af06;
	margin-bottom: 2px;
}
.content h3, .content h5, .content h6 {
	color: #003764;
}
.sidebar {
	float: right;
	background: #627EEC;
	padding: 15px 35px;
	text-align: center;
	margin-left: 25px;
	margin-bottom: 20px;
}
.sidebar a {
	color: #fff;
}

@media (min-width: 50em) {
.half {
	float: left;
	width: 47.5%;
	margin-bottom: 0;
	padding-bottom: 1em;
	position: relative
}
.half.first {
	margin-right: 5%
}
}
.before-after-section {
	margin-bottom: 35px;
}
.before-after h4 {
	margin: 0.5em 0 0 1em;
	color: #003373;
}
.before-smiles, .after-smiles {
	text-align: center;
}
.before-smiles p, .after-smiles p {
	text-align: center;
	padding-bottom: 5px;
}
.before-smiles img .after-smiles img {
	max-width: 100%;
}
div.before-after:nth-child(even) {
	background: #eaeaea;
	overflow: hidden;
}
div.before-after:nth-child(odd) {
	background: #dadada;
	overflow: hidden;
}
.office-tour {
	margin: 5px;
	width: 100%;
}
.office-tour-img {
	width: 48%;
	float: left;
	height: auto;
	padding: 5px;
}
.office-tour-img p {
	text-align: left;
}

@media only screen and (max-width: 678px) {
.office-tour-img {
	width: 100%;
	float: none;
}
.office-tour-img p {
	text-align: center;
}
}
.technology {
	margin: 5px;
	width: 100%;
}
.technology-img {
	width: 31%;
	float: left;
	height: auto;
	padding: 5px;
}
.technology-img p {
	text-align: left;
}

@media only screen and (max-width: 550px) {
.technology-img {
	width: 100%;
	float: none;
}
.technology-img p {
	text-align: center;
}
}
/* FORM STYLES */

#form .clear {
	clear: both;
}
#form .center {
	text-align: center;
}
#form h3 {
	margin: 0 1%;
}
#form small {
	font-style: italic;
}
#form hr {
	width: 98%;
	margin: 10px 1% 15px 1%;
}
/*GRID */
#form .column {
	float: left;
	margin: 0 1%;
}
#form .full {
	width: 98%;
	margin: 0 1%;
}
#form .half {
	width: 48%;
}
#form .twothird {
	width: 65%;
}
#form .onethird {
	width: 31%;
}
#form input:not([type=submit]):not([type=checkbox]):not([type=radio]) {
	width: 96%;
	padding: 10px 2%;
}
#form input[type=radio] {
	margin-bottom: 5px;
}
#form textarea {
	width: 96%;
	resize: none;
	padding: 10px 2%;
	font: 95%/1.4 'Tahoma', sans-serif;
}
#form select {
	width: 101%;
	padding: 10px 2%;
}
.gallery {
	width: 100%;
	margin: auto 0;
	text-align: center;
}
.gallery-photo {
	text-align: center;
	display: inline-block;
	vertical-align: top;
	margin: 0 8px;
	padding: 0 8px;
	width: 45%;
}
.gallery h3 {
	color: #5757dc;
}
.gallery p {
	font-family: 'Open Sans', sans-serif;
	color: #000;
	font-size: 1.1em;
}
/*======================
06. FOOTER STYLES
========================*/

#pre-footer {
	background: #dedede;
	padding-top: 300px;
	margin-top: -280px;
	position: relative;
}
#pre-footer:before {
	content: '';
	display: inline-block;
	width: 100%;
	height: 16px;
	background: url(../img/triangle-white.png) repeat-x;
	position: absolute;
	top: 0;
}
#pre-footer .container {
	width: 80%;
	max-width: inherit;
}
#pre-footer .quick {
	width: 95%;
	margin: auto;
	position: relative;
	top: -270px;
}
#pre-footer h2 {
	font-size: 6em;
	text-transform: uppercase;
	color: #1c8dbc;
	line-height: 1em;
	font-family: inherit;
}
#pre-footer h2 span {
	font-weight: 700;
	display: block;
	color: #3c3c3c
}
#pre-footer h4 {
	color: #1c8dbc;
}
/* Quicklinks */

ul.quick {
	list-style-type: none;
	padding-bottom: 0;
	display: block;
	width: 100%;
	margin-top: 20px;
}
ul.quick:after {
	clear: both;
	content: '';
	display: block;
}
ul.quick li {
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	width: 32.6667%;
	margin-right: 1%;
}
ul.quick li img {
	opacity: .9;
	transition: 0.5s all ease;
}
ul.quick li img:hover {
	opacity: 1;
}
ul.quick li span {
	position: absolute;
	top: 40%;
	left: 0;
	right: 0;
	text-align: center;
	font-size: 2em;
}
ul.quick li a {
	display: block;
	text-decoration: none;
	color: #fff;
	font-size: 1.3em;
	line-height: 2em;
	text-transform: uppercase;
	transition: 0.5s all ease;
	text-align: center;
}
ul.quick li:last-child {
	margin-right: 0;
}
footer {
	font-size: 0.85em;
	color: #fff;
	background: #003764;
	display: block;
	position: relative;
	padding-top: 30px;
}
footer a {
	color: #fff;
	text-decoration: underline;
	transition: 0.5s all ease;
}
footer:after {
	content: '';
	display: inline-block;
	width: 100%;
	height: 16px;
	background: url(../img/triangle-yellow.png) repeat-x;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	border-top: 22px solid #d9af06;
}
footer .copyright {
	background: #313d43;
	padding: 0 10%;
	float: left;
	width: 25%; /*45%-20% padding*/
}
footer .copyright img {
	vertical-align: middle;
	margin-left: 10px;
}
footer .contact {
	background: #2a363c;
	padding: 0 10%;
	float: left;
	width: 35%; /*55%-20% padding*/
}
footer h2 {
	font-family: 'vincentia', cursive;
	color: #fff;
}
ul.sitemap {
	list-style-type: none;
}
ul.sitemap li {
	display: block;
	margin: 0;
	padding: 1px 0;
	line-height: 1.2em;
}
ul.sitemap li a {
	display: block;
	font-size: 0.9em;
	text-decoration: none;
	text-transform: uppercase;
	transition: 0.5s all ease;
}
footer a:hover, ul.sitemap li a:hover {
	color: #32bbfd;
}
footer address {
	font-style: normal;
	line-height: 1.6em;
	float: left;
	margin-right: 40px;
}
footer .social {
	float: left;
	line-height: 1.4em;
}
footer .social a .fa-circle {
	color: #fff;
	transition: 0.5s all ease;
}
footer .social a:hover .fa-circle {
	color: #32bbfd;
}
footer .social a .fa-inverse {
	color: #003373;
}
.windowtop {
	display: inline-block;
	height: 40px;
	width: 40px;
	position: fixed;
	bottom: 40px;
	right: 30px;
	overflow: hidden;
	text-indent: 100%;
	background: #d9af06 url('../img/top-arrow.png') no-repeat center 50%;
	visibility: hidden;
	opacity: 0;
	border-radius: 50%;
	z-index: 9999;
	transition: 0.5s all ease;
	cursor: pointer;
}
.windowtop.cd-is-visible {
	/* the button becomes visible */
	visibility: visible;
	opacity: 1;
}
.no-touch .windowtop:hover {
	background-color: #4B62C0;
	opacity: 1;
}

/*======================
MEDIA QUERIES
========================*/

@media (max-width:1600px) {
.container {
	width: 85%;
}
ul.navigation li a {
	padding: 10px 0;
	font-size: 1em;
}
nav ul.navigation li a {
	font-size: 1em;
	padding: 0 16px;
}
ul.navigation li:hover ul {
	top: 88px;
}
ul.quick li a {
	font-size: 1em;
}
.row {
	padding: 25px 0;
}
.text {
	padding-top: 0;
}
footer .copyright {
	padding: 0 5%;
	width: 35%; /*45%-10% padding*/
}
footer .contact {
	padding: 0 5%;
	width: 45%; /*55%-10% padding*/
}
}

@media (max-width: 1200px) {
.desktopmenu {
	display: none !important;
}
.mobile {
	display: block;
	line-height: 137px;
	cursor: pointer;
	text-align: center;
	color: #fff;
	float: right;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0 40px 0 0;
}
a.mobile:hover {
	color: #9acff3;
}
#menu .inner {
	padding: 4em 0;/*Adjust Padding to reposition Close Button */
}
#menu .close {
	background-image: url("../img/close.svg");
	background-position: 75% 25%;
	background-repeat: no-repeat;
	background-size: 4em 4em;
	border: 0;
	content: '';
	display: block;
	height: 4em;
	overflow: hidden;
	position: absolute;
	right: 1em;
	text-align: center;
	text-indent: 8em;
	top: 1em;
	width: 4em;
}
#menu ul {
	list-style: none;
	padding: 0;
}
#menu li {
	padding: 0;
}
#menu li ul {
	display: none;
}
/*ADJUST FONT SIZE AND PADDING BELOW FOR MOBILE MENUS WITH MORE ITEMS */
#menu li a {
	border: 0;
	display: block;
	font-size: 1.2em; /* Reg: 1.8em*/
	padding: 0.4em 0; /* Reg: 0.5em 0 */
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
}
#menu li a:hover {
	background: none;
}
}

@media screen and (max-width:1000px) {
.desktop {
	display: none;
}
.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11, .grid12 {
	width: 100%;
	margin: 0;
}
.full-header h2 {
	font-size: 1.3em;
	color: #fff;
	width: 60%;
	margin: 0 auto;
	padding: 10px 15px;
}
#form .column {
	float: none;
	margin: 0;
}
#form .full, #form .half, #form .twothird, #form .onethird {
	width: 98%;
	margin: 0;
}
.container img, .containerfull img {
	margin: 0 auto 10px auto;
}
.containerfull .welcome img {
	margin: 0 auto;
}
a.button {
	margin: 5px 0 20px 0;
}
footer {
	text-align: center;
}
footer .copyright, footer .contact {
	float: none;
	width: 90%;
}
footer address {
	float: none;
	margin: auto;
}
footer .social {
	float: none;
	margin: auto;
}
.full-header h1 {
	font-size: 4em;
}
.full-header p {
	font-size: 1em;
}
#welcome h2 {
	font-size: 4em;
}
blockquote {
	float: none;
	width: auto;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 15px;
}
.social {
	text-align: center;
}
.contact-info {
	line-height: 40px;
	padding: 10px 0;
}
.contact-info .phone {
	text-align: center;
}
}

@media screen and (max-width:800px) {
.alignleft, .alignright {
	float: none;
	display: block;
	margin: 0 auto !important;
	padding-bottom: 20px;
}
hr {
	margin-top: 0px;
}
.logo {
	width: auto;
	height: auto;
	background: none;
	position: relative;
	top: 0;
	left: 0;
}
.logo img {
	width: 80%;
	max-width: 340px;
	padding-top: 30px;
	padding-bottom: 30px;
}
.mobile {
	width: 70px;
}
.navwrap {
	float: none;
}
.fa-stack {
	width: 1.7em;
}
.fa-lg {
	font-size: 1.1em;
}
ul.quick li {
	float: none;
	width: 100%;
	margin-right: 0;
	margin-bottom: 5px;
}
.number {
	text-align: center;
}
.sidebar {
	float: none;
	margin-left: 0;
}
.full-header h2 {
	display: none;
}
/* For menus longer than the browser height, this adds scrolling starting from top */
#menu {
	align-items: flex-start;
	-webkit-align-items: flex-start;
	-moz-align-items: flex-start;
	-ms-align-items: flex-start;
}
.full-header .overlay {
	top: 25%;
}
.sub .full-header .overlay {
	top: 40%;
}
.overlay .button {
	font-size: .8em;
	padding: 5px 12px;
}
footer .row.last {
	padding-top: 0;
}
#slideshow img {
	object-fit: cover;
	object-position: top left;
	height: 175px;
}
h2, #welcome h2, #pre-footer h2 {
	font-size: 2.5em;
}
 _:-ms-fullscreen, :root #slideshow img {
 height: auto;
}
}

@media (max-device-width:570px) {
/*For Iphone 5S and Smaller */
#menu li a {
	border: 0;
	display: block;
	font-size: 1.4em; /* Reg: 1.8em*/
	padding: 0.2em 0; /* Reg: 0.5em 0 */
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
}
.full-header h1 {
	font-size: 2.55em;
}
h2, #welcome h2 {
	font-size: 1.5em;
}
.logo-desktop {
	display: none;
}
.logo-mobile {
	display: block;
}
}
