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


/* Typography */

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


/* Images */

.caption-title {font-size: 0.8em !important; line-height: 135%;}


/* Structure */

[class*="col-"] {float: left; padding: 30px; width: 100%;}


/* Top Bar */

#top-bar {text-align: center;}
.search {padding: 10px 30px 0; border:none;}
.search fieldset {border:none; padding:0 !important; margin:0 !important; float: left; -webkit-padding-end: 0; -webkit-padding-after: 0;}
.search input[type=text] {width:60%}
#search {padding:5px; margin:0; background-color:#FFF; border:none; font-size:1.4em; float: left; border-bottom: 3px solid #DCDCDC;}
#search::placeholder {font-size: 0.65em; color:#DCDCDC; padding-top: 5px;}
#submit {width:40%; background-size:contain; background-repeat: no-repeat; background-position: center;}
.language {padding: 0 30px;}
.wpml-ls-legacy-list-horizontal {text-align: center;}


/* Header */

#logo {padding: 30px; text-align: center; float: none;}
#logo img {max-height: 180px;}
#title {padding: 0 30px 30px; text-align: center; float: none;}
.title {font-weight: 700; font-size: 2.6em; line-height: 105%; padding-bottom: 10px;}
.tagline {font-weight: 400; font-size: 1.5em; line-height: 105%; padding: 0; text-transform: uppercase;}
#headerborder {background-color: #000000; height: 15px;}


/* Navigation */

nav {display: none;}
.topnav {list-style-type: none; list-style-image: none; margin: 0; padding: 0 30px; -webkit-padding-start:0;}
.topnav a {text-decoration: none;}
.topnav li, .icon {color: #FFFFFF;}
.topnav li:not(:first-child) {display: none;}
.topnav li ul {display: none;}
.topnav.responsive li ul {display: block; font-size: 0.8em;}
.topnav .icon {float: right; display: inline-block;}
.topnav.responsive {position: relative;}
.topnav.responsive li.icon {position: absolute; right: 0; top: 0;}
.topnav.responsive li {float: none; display: inline;}
.topnav.responsive li a {display: block; text-align: left;}


/* Slider */

#slider-wrap {background-color: #EEEEEE;}
.slider-caption {position: absolute; bottom: 15px; width:auto; font-size: 1em; font-weight: 700; padding: 5px 15px; color: #FFFFFF; background-color:#464646; z-index: 999;}
.gallery img {min-height: 300px; overflow: hidden; object-fit: cover; object-position: center;}
.flex-control-nav {display: none;}


/* Homepage */

#welcome {font-size:1.1em; text-align: center;}

.feature-box {padding: 0; margin-bottom: 30px; text-align: center;}
.feature-box h2 {-webkit-margin-before: 0; -webkit-margin-after: 0.83em;}
.feature-box h3 {-webkit-margin-after: 0;}
.feature {position: relative; min-height: 300px; background-size: cover;}
.feature-caption {position: absolute; bottom: 0; left: 0; padding: 30px; font-size: 1.3em; text-transform: uppercase; color: #FFF; background-color:#464646;}
.feature-image {max-height: 220px; object-fit: cover; object-position: center; overflow: hidden;}
.meeting-tab a {text-transform: uppercase;}
.feature-alt {min-height: 0; background-size: cover; background-color:#464646;}
.feature-alt-caption {bottom: 0; left: 0; right:0; padding: 30px; color: #FFF;}
.feature-alt-caption a {font-size: 1em; text-transform: uppercase;}
.feature-alt-title {font-size: 1.4em; font-weight: 700;}
.news-box {padding: 0; margin-bottom: 30px; text-align: center;}
.news-box h2 {text-align: center;}
.news {padding: 0;}
.social-box {padding: 15px; background-color:#464646; color: #FFFFFF; font-size: 1.3em; font-weight: 700; text-align: center; min-height: 0; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center;}


/* Content */

#content {font-size: 1.2em;}


/* Single Post */

.single-date {padding:10px 15px; background-color: #EEEEEE; display: inline; border-radius: 10px;}


/* Councillors Page */

.councillor-wrap {padding: 15px 0;}
.councillor {min-height: 0; border: none; line-height: 130%; padding: 30px 0;}
.councillor-caption {bottom: 0; left: 0; right:0; padding: 30px 0 0; text-align: center;}


/* Sidebar */

.sidebar {background-color: #EEEEEE; padding: 30px;}
.sidebar ul, .sidebar li {list-style: none; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-padding-start: 0;}
.sidebar h2 {-webkit-margin-before: 0; -webkit-margin-after: 0.83em;}


/* Meetings */

.files {display: list-item; float: none; list-style-type: none; list-style-image: none;}


/* Footer */

#footer {border-top: solid 30px #464646; background-color: #EEEEEE; color: #464646; text-align: center;}
#footer ul, #footer li {list-style: none; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-padding-start: 0;}
.copyright {font-size: 0.75em; line-height: normal; text-align: center; padding-top: 0;}

}