@charset "UTF-8";
/* CSS Document */

/*@Resuable Global Styles
===================================== */
body {
	background:var(--white);
	padding: 0;
	margin: 0;
	position: relative;
	cursor: default;
}

.grid-container {
    max-width: 88.75rem;
}


.reveal,
.reveal:focus{
    background-color: var(--white) !important;
    borders: 1px solid var(--borders);
}

img {
	image-rendering: optimizeQuality;
	-ms-interpolation-mode: bicubic;
}

.aligncenter{
	text-align: center;
	margin: 0 auto;
}

.alignleft{
	float:left;
	margin: 0.55em 2em 1.25em 0;
	max-width: 40%;
}

.alignright{
	float:right;
	margin: 0.55em 0 1.25em 2em;
	max-width: 40%;
}

.vertical-align {
	display: -webkit-flex;
	display: flex;
	display: -ms-flexbox;

	-webkit-flex-direction: row;
	flex-direction: row;
	-ms-flex-direction: row;

	-webkit-align-items: center;
	align-items: center;
	-ms-flex-align: center;

	-webkit-justify-content: center;
	justify-content: center;
	-ms-flex-pack: justify;
}

.reveal-overlay {
    background-color: rgba(0, 0, 0, 0.8);
}

.box-shadow{
	box-shadow: 0 4px 4px 0 rgb(0 0 0 / 0.1);
}

.bg-image{
    background-position: top center;
    background-repeat: no-repeat;
    -webkit-background-size: 100%;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.top-spacer{
    display: block;
    width:100%;
    height:8.55vw;
}

/*@end Resuable Global Styles
===================================== */

/* @Primary Navigation
===================================== */
.hideShow{
	display:block !important;
}

.brand-wrapper{
    position: absolute;
    top:0;
    left:0;
}

.brand {
    width: 100%;
    max-width:240px;
    position: relative;
}

#navWrapper{
	width: 100%;
    height:auto;
    padding: 0 var(--side-margins);
    position: fixed;
    top:0;
    left: 0;
    z-index: 1000;
    background-color: var(--white);
}

ul.main-nav{
	list-style: none;
    display: inline-block;
    text-align: center;
    padding: 0;
    margin:0 0 -2px;
    float: right;
}

ul.main-nav li {
	text-align:center;
    font-weight: 400;
	
	padding:0 0;
	margin: 0 -2px;
	display: inline-block;
}

ul.main-nav li a{
    /*font-size: min(1.225vw, 1.55rem);*/
    font-size: clamp(1.25rem, 1.225vw, 1.55rem);
	color:var(--dark-gray);
    font-weight: 300;
	line-height: normal;
    text-transform: none;
    text-transform: uppercase;
    
    
	display: inline-block;
    padding: 4.25vw 2vw 2.75vw;
    position: relative;
	
	 transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}

ul.main-nav li a:hover{
    color:var(--hover);
	text-decoration:none;
}

ul.main-nav li.current-menu-item a,
ul.main-nav li.current-page-ancestor a,
ul.main-nav li.current_page_ancestor a,
ul.main-nav li.current_page_item a{
    color:var(--green);
	text-decoration:none;
}

#navWrapper li.menu-item-has-children a,
#navWrapper li.has-dropdown a{
    padding-right: 3.25em;
}

#navWrapper li.has-dropdown a:after{
    content: "\e5cf";
    font-family: 'Material Icons';
    color:var(--dark-gray) !important;
    font-weight: normal;
    font-size: 1.125rem;
    
    position: absolute;
    right: 1em;
    top: 42.5%;
}


#navWrapper li.has-dropdown a:hover:after{
    content: "\e5ce";
    color:var(--dark-gray) !important;
}

#navWrapper li.current-menu-item.has-dropdown a:after,
#navWrapper li.current-page-ancestor.has-dropdown a:after,
#navWrapper li.current_page_ancestor.has-dropdown a:after,
#navWrapper li.current_page_item.has-dropdown a:after{
    color:var(--dark-gray) !important;
}

#navWrapper li.has-dropdown li a:after{
    content: " " !important;
}

ul.main-nav li span{
    display: none;
}
/* @end Primary Navigation
===================================== */


/* @Primary Navigationu Drop Down Menus
===================================== */
#navWrapper ul li ul{
	position:absolute;
	z-index: 1500;
	clear:both;
	
	width:auto;
    min-width: 225px;
	height:0;
	overflow: hidden;
	margin:0;
	border-top: none;
	
	opacity:0;
	transition: opacity .25s ease-in-out; 
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}

#navWrapper ul li:hover ul{
	height:auto;
	overflow: visible;
	padding:0.25em 0;
	opacity:1;
    background-color:var(--white);
    line-height: 0;
    border-radius: 0 0 8px 8px;
    
	left:0;
	top: 6.125em;
	
	-webkit-box-shadow: 5px 5px 10px -6px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 5px 5px 10px -6px rgba(0, 0, 0, 0.25);
	box-shadow: 5px 5px 10px -6px rgba(0, 0, 0, 0.25);
}

#navWrapper ul ul ul {
    position: relative !important;
    clear: both;
    width: auto;
    height: auto;
    overflow: hidden;
    margin: 0;
    top: 0 !important;
    left: 0 !important;
    opacity: 1;
    background-color: var(--white) !important;
    
    border: none !important;
    -webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}

#navWrapper ul li.current_page_ancestor ul ul li a,
#navWrapper ul ul ul li a{
    padding-left: 2.55em !important;
    border-bottom: none !important;
}

#navWrapper ul li li{
	float: none;
	padding:0;
	margin:0;
	height: auto;
	text-align:left;
	width: 100%;
	top: 0;
}

#navWrapper ul li li.current-page-parent li a,
#navWrapper ul li li.current_page_item ul a,
#navWrapper ul li.current_page_ancestor li a,
#navWrapper ul li.current_page_item li a,
#navWrapper ul li li a{
	display: block;
	padding: 0.65em 1.55em;
	margin:0;
    
    border-bottom: none !important;
	
	text-align:left;
	color:var(--dark-gray);
	line-height: 1.325em;
    text-decoration: none;
    font-size: min(1.225vw, 1.55rem);
    font-weight: 400 !important;
	
	transition: all .25s ease-in-out; 
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}

#navWrapper ul ul ul li a{
    color:var(--dark-gray);
    border-bottom: none !important;
}

#navWrapper ul li li.current-page-parent li a:hover,
#navWrapper ul li li a:hover,
#navWrapper ul li li.current_page_item ul a:hover{
	color: var(--dark-gray);
    /*background-color: var(--very-light-blue);*/
    border-bottom: none !important;
}

#navWrapper ul li li.current-page-parent a,
#navWrapper ul li li.current_page_item a,
#navWrapper ul li li.current_page_item a,
#navWrapper ul li li.current-page-parent li.current-menu-item a{
    color:var(--dark-gray);
/*background-color: var(--very-light-blue);*/
    border-bottom: none !important;
}

/* @end Primary Navigation Drop Down Menus
===================================== */

/* @Off Canvas List
===================================== */
#mobileNav{
	width:100%;
	position: fixed;
    top: 0;
    left: 0;
	z-index: 500;
	padding: 1.55em 1.25em;   
    display: none;
    
    background-color: var(--white);
}


#mobileMenuWrapper{
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
		
	position:fixed;
	z-index:400;
	top: 64px;
	height:100%;
	width:100%;
	background: var(--white); 
	display:none;
	opacity:0;
	padding: 0 0 6em;
	
	transition: all .25s ease-in-out; 
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}

#mobileMenuWrapper li.menu-item-has-children li a .material-symbols-outlined{
    display: none;
}

ul.off-canvas-list {
	list-style-type: none;
	padding: 0;
	margin: 2.25em 0 0;
	display: block;
    font-size: 1.25rem;
    font-weight: 300;
	
	transition: all .25s ease-in-out; 
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	position: relative;
	z-index: 1;
} 

ul.off-canvas-list li {
	margin: 0;
}


ul.off-canvas-list ul{
	opacity: 1;
	height:auto;
	display: block;
	
	transition: all .25s ease-in-out; 
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}


ul.off-canvas-list li a {
    color: var(--dark-gray);
    font-size: 1.25rem;
    font-weight: 300;
    text-transform: none;
    
    display: block;
    padding: 0.75em 1.25em;
    position: relative;
    z-index: 1;
    border-bottom: 1px solid var(--alt-gray);
}


ul.off-canvas-list li.current-menu-item a,
ul.off-canvas-list li.current-page-ancestor a,
ul.off-canvas-list li.current_page_ancestor a,
ul.off-canvas-list li.current_page_item a,
ul.off-canvas-list li a:hover {
	color:var(--green);
	text-decoration: none;
}


ul.off-canvas-list li ul{
	margin:0;
}

ul.off-canvas-list li li a{
    font-weight: 500;
    font-size: 14px;
    text-transform: none;
    
    padding-left: 2.55em;
}

ul.off-canvas-list li.current-menu-item li a,
ul.off-canvas-list li.current_page_item li a,
ul.off-canvas-list li li a,
ul.off-canvas-list li.current_page_ancestor li a,
ul.off-canvas-list li.current_page_ancestor li.current-page-parent li a,
ul.off-canvas-list li.current_page_ancestor li.current-menu-item li a,
ul.off-canvas-list li li li a,
ul.off-canvas-list li.current_page_ancestor li li a,
ul.off-canvas-list li li li li a, 
ul.off-canvas-list li.current_page_ancestor li li li a{
	color: var(--dark-gray);
}

ul.off-canvas-list li li li a{
    text-transform: none;
    
	padding-left: 3.55em;
    background-color:var(--white);
}

ul.off-canvas-list li.has-dropdown ul{
    display: none;
}

ul.off-canvas-list li.has-dropdown a{
    padding-right: 2.55em;
}

ul.off-canvas-list li.has-dropdown ul{
    display: none;
}

ul.off-canvas-list span.material-symbols-outlined{
    display: inline-block;
    margin-left: 1em;
}

ul.off-canvas-list li.has-dropdown ul.show-menu{
    display: block;
}

ul.off-canvas-list li.has-dropdown span{
    position: absolute;
    z-index: 10;
    width: 60px;
    height: 100%;
    display:inline-block;
    right: 0;
    top: 0;
    padding-top: 0.25em;
    text-align: center;
    font-size: 26px;
    color:var(--green);
}

ul.off-canvas-list li.has-dropdown span.material-symbols-outlined:before {
    top: 25%;
    position: relative;
    transform: translate(0, -50%);
}


.menu-icon-mobile {
    width: 40px;
    height: 15px;
    margin: 0;
    top: -2px;
    float: right;
    position: relative;
	
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

.menu-icon-mobile span{
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background-color: var(--green);
  border-radius: 9px;
  opacity: 1;
  right: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.menu-icon-mobile span:nth-child(1) {
	top: 0px;
}

.menu-icon-mobile span:nth-child(2) {
	top: 8px;
    width:80%;
}

.menu-icon-mobile span:nth-child(3) {
	top: 16px;
}

.menu-icon-mobile.open span:nth-child(1) {
	top: 8px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}

.menu-icon-mobile.open span:nth-child(2) {
	opacity: 0;
	right: -60px;
}

.menu-icon-mobile.open span:nth-child(3) {
	top: 8px;
	
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
/* @end Off Canvas List
===================================== */
/* Dropdown
===================================== */
.dropdown-pane {
    width: 100%;
    padding: 0;
    border: 1px solid var(--borders);
    border-radius: 0;
    background-color: var(--white);
    font-size: 1rem;
    
    max-height: 380px;
    overflow-y: scroll;
    
    -webkit-box-shadow: 5px 5px 10px -6px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 5px 5px 10px -6px rgba(0, 0, 0, 0.5);
	box-shadow: 5px 5px 10px -6px rgba(0, 0, 0, 0.5);
}

.dropdown-wrapper{
    position: relative;
}

.dropdown-pane ul {
    width: auto;
    margin: 0;
}

.dropdown-pane ul li {
    float: none;
    padding: 0;
    margin: 0;
    list-style: none;
}

.dropdown-pane ul li a {
    display: block;
    padding: 1em 1.55em;
    margin: 0;
    border-bottom: 1px solid var(--borders);
    
    text-align: left;
    color: var(--dark-blue);
    font-weight: 400;
    line-height: 1em;
    text-decoration: none;
    
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}


.dropdown-pane ul li a:hover {
    color: var(--dark-gray);
/*    background-color: var(--very-light-blue);*/
} 

.dropdown-pane ul li:last-child a {
    border-bottom: none;
}


.btn-dropdown{
    font-size:16px;
    color: var(--dark-gray) !important;
    font-weight: 400;
    text-align: left;
    line-height: normal;
    
    width:100%;
	position: relative;
    display: inline-block;
    cursor: pointer;
    padding: 0.95em 3em 0.95em 2em !important;
    background: var(--white) !important;
    height: auto;
	
    border: 1px solid var(--borders);
    -webkit-appearance: none;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 8px;
	
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}

.btn-dropdown:after{
    font-family: FontAwesome;
    content: "\f107";
    font-size: 18px;
    position: absolute;
    right: 1.125em;
    top: 0.95em;
}

.btn-dropdown.hover:after{
    content: "\f106";
}

/* @end Dropdown
===================================== */


/* @Hero / Title Wrappers
===================================== */
#heroWrapper{
	width:100%;
    height: 81vh;
	padding: 0 var(--side-margins);
	overflow: hidden;
	position: relative;
	z-index: 2;
}

#heroWrapper .grid-container,
#heroWrapper .grid-x{
    height: 100%;
    position: relative;
    z-index: 2;
}


#heroWrapper p{
    color: var(--white);
    /*font-size: min(1.55vw, 2rem);*/
    font-size: clamp(1.25rem, 1.55vw, 2rem);
    font-weight: 300;
}

.contact-icon{
    margin-left: 0.75em;
    color: var(--white);
    font-size: min(1.55vw, 1.75rem);
    font-weight: 300;
}

.contact-row{
    height: auto;
    margin-top: 4.5vw;
}

/* @end Hero / Title Wrappers
===================================== */


/*Two Column Row
===================================== */
.content-column{
    padding:11vw var(--side-margins) 6vw;
    color: var(--white);
    overflow: visible;
}

.content-column p{
    font-weight: 300;
    /*font-size: 1.375rem;*/
    font-size: clamp(1.155rem, 1.15vw, 1.75rem);
}

.two-column{
    z-index: 2;
    position: relative;
}

.bg-image-wrapper{
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
}
/*@end Two Column Row
===================================== */


/*Title Row
===================================== */
.title-row{
    margin-bottom: 4em;
}

/*@end Title Row
===================================== */


/*@Section Wrapper
===================================== */
#sectionWrapper{
	width: 100%;
    height: auto;
	padding:6.5vw var(--side-margins);
	overflow: hidden;
	position:relative;
	z-index:1;
}

#quoteSectionWrapper{
	width: 100%;
    height: auto;
	padding:0 var(--side-margins) 2.5vw;
	overflow: hidden;
	position:relative;
	z-index:1;
}

#quoteSectionWrapper:last-child{
    padding-bottom:6.5vw;
}

/*@end Section Wrapper
===================================== */

/*@Single Column Row
===================================== */
.logo-row{
    position: relative;
    padding-bottom: 4em;
}

.single-content-wrap{
    padding-top:8em;
    padding-bottom: 8em;
}
.content-wrapper{
    margin-top: 1.55em;
}

/*@end Single Column Row
===================================== */


/*@Multi-Column
===================================== */
.multi-column{
    padding:0 3.75vw 3.75vw;
}

.multi-column-bucket{
    background-color: var(--light-green);
    padding:3vw 2vw;
    height: 300px;
    position: relative;
}

.multi-column-bucket h3{
    margin-bottom: 0;
    
    color: var(--white);
    text-transform: uppercase;
    font-size: min(1.35vw, 2rem);
    font-weight: 300;
    text-align: center;
}

.bucket-title-wrapper{
    width: 100%;
    position: relative;
    z-index: 1;
    opacity: 1;
    text-align: center;
    
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

.bucket-content-wrapper{
    width:100%;
    padding:3vw 1.55vw;
    position: absolute;
    z-index: -2;
    opacity: 0;
    
    text-align: center;
    color: var(--white);
    font-size: min(0.975vw, 1.25rem);
    line-height: 1.35vw;
    
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

.multi-column-bucket:hover .bucket-content-wrapper{
    z-index: 2;
    opacity: 1;
}

.multi-column-bucket:hover .bucket-title-wrapper{
    opacity: 0;
}

/*@end Multi-Column
===================================== */

/* @Footer
===================================== */
#footerWrapper{
	width:100%;
	padding: 1.25em var(--side-margins) 1em;
	position:relative;
	z-index:1;
	overflow: hidden;
    color: var(--white);
    background-color: var(--green);
}

#footerWrapper p{
	font-size: 0.9375rem;
	color:var(--white);
}

ul.copyright{
    display: inline-block;
    margin: 0 auto;
    padding: 0;
    list-style: none;
}

ul.copyright li{
    margin: 0 auto;
    padding: 0 0;
    list-style: none;
    float: left;
    display: inline-block;
    
    font-size: 0.9375rem;
    color: var(--white);
    font-weight: 400;
    line-height: 1em;
}

ul.copyright li a{
    color: var(--white);
}

ul.copyright li a:hover{
    color: var(--hover);
}
/* @end Footer
===================================== */

/*@Pagination
===================================== */
.pageination-wrapper {
    overflow: hidden;
    text-align: center;
    margin: 1em auto;
}


.pageination{
    padding:0;
    margin-top: 2em !important;
    margin-bottom: 1em !important;
    text-align: center !important;
}

[data-pagination] a {
    padding: 0.5em;
    position: relative;
    top: -8px;
}

.wp-pagenavi {
	width:auto;
	margin-top: 2em;

	display: -webkit-flex;
    display: flex;
    display: -ms-flexbox;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-pack: justify;
}

.wp-pagenavi span.pages{
	float:left;
	margin-top: 0.55em;
    margin-right: 1em;
	padding:0;
	border: none;

	font-size: 0.85em;
    font-weight: normal;
    text-transform: none;
}

.wp-pagenavi span{
	display: block;
    padding: 0.65em 0.5em !important;
	background: none;
	border: none !important;
	border-radius: 0 !important;
	float: left;

    color: var(--dark-gray) !important;
    font-size: 12px !important;
    font-weight: bold;
    line-height: inherit;
	text-transform: uppercase;
    text-align: center;

	transition: background-color 300ms ease-out;
}

.wp-pagenavi span.current {
    color: var(--white) !important;
    background: var(--green);
    border: none !important;
    border-radius: 50% !important;
    text-align: center;
    width:40px;
    height: 40px;
}

.wp-pagenavi a {
	display: block;
    padding: 0.65em 0.5em !important;
    width:40px;
    height: 40px;
    margin: 0 0.15em !important;
    background: none;
    border-radius: 50% !important;
    border: none !important;
    float: left;
    color: var(--dark-gray) !important;
    font-size: 14px !important;
    font-weight: normal;
    line-height: inherit;
    text-transform: uppercase;
    text-align: center;
    transition: background-color 300ms ease-out;
    
    position: relative;
    top: 0;
}

.wp-pagenavi a.first,
.wp-pagenavi a.last{
    width: auto;
}

.wp-pagenavi a.first:hover,
.wp-pagenavi a.last:hover{
    background: none !important;
    color: var(--green) !important;
}

.wp-pagenavi span {
    text-decoration: none;
    border: none !important;
    padding: 3px 5px;
    margin: 2px;
}

.wp-pagenavi a:hover {
    color: var(--white) !important;
    background: var(--green);
	border: none;
}

.wp-pagenavi a.nextpostslink,
.wp-pagenavi a.previouspostslink{
    border:none !important;
    font-size:14px;
}
/*@end Pagination
===================================== */

@media only screen and (max-width: 1440px) {
    
/*
    .multi-column .cell.large-auto {
        width: calc(33.33333% - 1.875rem);
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
*/
    
    .multi-column-bucket{
        margin-bottom: 1.55em;
    }

    .multi-column-bucket {
        padding: 2.55vw 1.55vw;
        height: 260px;
    }
    
    .bucket-content-wrapper {
        padding: 2.55vw 2vw;
        font-size: min(1.125vw, 1.55rem);
        line-height: 1.125em;
    }
    
     .multi-column-bucket h3 {
        font-size: min(1.35vw, 2rem);
    }
}

@media only screen and (max-width: 1180px) {

/*
    .multi-column .cell.large-auto {
        width: calc(33.33333% - 1.875rem);
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    
    .multi-column-bucket{
        margin-bottom: 1.55em;
    }

    .multi-column-bucket {
        padding: 2vw 1.55vw;
        height: 240px;
    }
    
    .bucket-content-wrapper {
        padding: 3vw 3vw;
        font-size: min(1.5vw, 1.75rem);
        line-height: 1.125em;
    }
    
    .multi-column-bucket h3 {
        font-size: min(2vw, 2.55rem);
    }
    */
    
     .multi-column-bucket {
        padding: 2vw 1.55vw;
        height: 230px;
    }
    
     .bucket-content-wrapper {
        padding: 2vw 2vw;
        font-size: min(1.175vw, 1.5rem);
        line-height: 1.125em;
    }
    
    .multi-column-bucket h3 {
        font-size: min(1.275vw, 2rem);
    }

}


@media only screen and (max-width: 980px) {
    .multi-column .cell.large-auto {
        width: calc(100% - 1.875rem);
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    
    .multi-column-bucket {
        padding: 2vw 1.55vw;
        height: 120px;
    }
    
    .multi-column-bucket h3 {
        font-size: min(2.75vw, 3.25rem);
        line-height: 1em;
    }
    
    .multi-column-bucket {
        margin-bottom: 1em;
    }

    
    #mobileNav{
        display: inline-block;
    }
    
    #navWrapper{
        display: none;
    }
    
    .brand-wrapper{
        top:-1.55em;
    }
    
    .brand-mobile{
        width:100%;
        max-width: 100px;
    }
    
    .bucket-content-wrapper {
        padding: 3.55vw 3.55vw;
        font-size: min(1.75vw, 1.75rem);
        line-height: 1.125em;
    }
    
    .breaks{
        display: none;
    }
    
    .contact-icon {
        margin-left: 0;
        font-size: min(2.25vw, 2.75rem);
        display: block;
        margin-top: 1em;
        text-align: center;
    }

}


@media only screen and (max-width: 680px) {
	html{
		height: 100%;
		width: 100%;
	}
    
    .top-spacer{
        display: block;
        width:100%;
        height: 64px;
    }

    .vertical-align{
        display:inline-block;
    }
    
	.alignleft,
	.alignright{
		float:none;
		margin: 0.55em 0 1.25em;
		max-width: 100%;
	}

	.hide-me{
		display: none;
	}
    
    .add-margin-bottom{
        margin-bottom: 2em;
    }    
    
    #sectionWrapper {
        padding: 2.55em var(--side-margins);
    }
    
    .content-left,
    .content-right{
        padding: 0 1.55em;
    }

    .two-column .grid-container{
        padding: 4em 1.55em 1.55em;
    }

    
    .title-row {
        margin-bottom: 2em;
    }
    
    
    .copyright-row {
        padding-top: 3em;
    }
    
/*
    .contact-icon {
        margin-left: 0.75em;
        color: var(--white);
        font-size: 1.125rem;
        font-weight: 300;
    }
    .contact-row .cell{
        text-align: left !important;
    }
*/
    .contact-icon {
        font-size: 1.125rem;
    }
    
    
    #footerWrapper .cell{
        text-align: center !important;
    }
    
    .icon{
        max-width:45px;
    }
    
    .multi-column {
        padding: 0 var(--side-margins) 2.55em;
    }
    
    .multi-column .cell.large-auto  {
        width: calc(100% - 1.25rem);
    }
    
    .multi-column-bucket.vertical-align {
        display: -webkit-flex;
        display: flex;
        display: -ms-flexbox;
    }
    
    .multi-column-bucket h3 {
        font-size: min(5.55vw, 6.55rem);
        line-height: 1.125em;
    }
    
    .bucket-content-wrapper {
        font-size: min(3.55vw, 4.55rem);
        line-height: 1.125em;
    }
    
    .multi-column-bucket {
        height: 200px;
    }
    
    .bucket-content-wrapper {
        padding: 2.55vw 2em;
    }
    
    .multi-column-bucket {
        margin-bottom: 1.55em;
    }
    
    .breaks{
        display: inline-block;
    }
    
    .content-column{
        text-align: center;
        padding:11vw var(--side-margins) 6vw;
    }


}