@media screen and (max-width:768px) {
	
html, body {
	font-size: 0.9em;
	}

/* Typography */

h1 {font-size:2.2em;}
h2 {font-size:1.6em;}
h3 {font-size:1.3em;}


/* Structure */

.smallwrapper {padding-top: 30px;}
	
[class*="col-"] {padding: 15px;}


/* Splash page */

.splash-box {max-width: 80%;}
.splash-box img {max-width: 150px;}
.splash-box a {font-size: 1em; padding: 10px; margin: 5px;}


/* Header */

.header {}
.header-feature::before, #slider::after {height: 200px;}
.header-wrapper {margin:0 auto; max-width:1200px; position: relative; height: 100px; display: flex; align-items: center; z-index: 999;}
.logo {position: absolute; top: 15px; left: 15px; width: 25%; padding: 0;}
.header-content {display: none;}
.wpml-ls-legacy-list-horizontal a::after {content: '';}


/* Slider */

#slider {position: absolute; top:0; left: 0; width: 100%; height: 100%; z-index: -9999;}
.slidebox {color: #FFF; font-size: 1.05em; height: 100%;}
.slidebox h1 {-webkit-margin-before: 0 !important; margin-top: 0 !important;}
.slidetext {padding-top: 60px;}
.slidetext h1, .slidetext h2, .slidetext h3, .boxwrap h2 {color: #FFF !important;}
.slide img {min-height: 300px; overflow: hidden; object-fit: cover;}

.flex-control-nav {bottom: 30px !important;}
.flex-control-paging li a {width: 8px !important; height: 8px !important;}


/* Navigation */

#navigation {position: absolute; top: 15px; right: 15px; width: auto; padding: 0;}
nav {display: none;}

.menu-button {padding:15px; text-align: center; color: #FFF; border: 1px solid #FFF; transition: ease 0.5s; width:60px; height: 60px;}
.menu-button:hover {cursor: pointer; box-shadow: none;}
.sidenav {height: 100%; width: 0; position: fixed; z-index: 1; top: 0; right: 0; background-color: rgba(0,0,0,0.9); overflow: hidden; transition: ease all 0.5s; padding-top: 15px; text-align:center;}
.sidenav a {color: #FFF; padding: 5px; text-decoration: none; display: block; transition: ease all 0.3s; font-size: 1.25em;}
.sidenav a:hover{opacity: 0.5;}
.sidenav .closebtn {position: relative; font-size: 2em; line-height: 1;}
#sidenavmenu {transition: ease all 0.3s;}

ul.sub-menu {list-style-type: none; list-style-image: none; margin:0; padding-inline-start: 0; font-size: 0.8em;}
ul.sub-menu a {padding: 0 0 5px;}
ul.sub-menu a:hover {}

li.green, li.teal, li.blue, li.navy, li.purple, li.red {border-bottom-width: 2px;}


/* Content */

.highlight {border-radius: 30px;}

.image {max-height: 400px;}

.quote {border-radius: 30px; font-size: 1.2em;}


/* Events & Services */

.service {width: 100%; margin:15px 0; display: block;}

.service-ig {width:100%; margin:7.5px 0; display: block;}
.service-ig-content {padding-right: 0;}


/* Galleries */

.gallery-thumb {
	width: calc(33.33% - 10px);
	margin: 5px;
	}
.caption-title {font-size: 1em;}


/* News Archive */

.news-thumb {padding: 0; max-width: auto; margin-top: 15px;}
.news-block {padding: 30px 0;}
.news-block h2 {margin-top: 0;}


/* Footer */

.foot1, .foot2, .foot3, .foot4 {text-align: center; font-size: 0.85em;}

}