body {font-size:12px;}
h1 {font-size:26px;}
h2 {font-size:19px;}
h3 {font-size:17px;}
h4 {font-size:15px;}

.width_2 {float:none;width:auto;margin:0;box-sizing:border-box;}
.width_3 {float:none;width:auto;margin:0;box-sizing:border-box;}
.width_2.leftColumn {padding:0;}
.width_2.rightColumn {padding:0;}
.width_3.leftColumn {padding:0;}
.width_3.middleColumn {padding:0;}
.width_3.rightColumn {padding:0;}

#header {height:112px;background:rgba(38,38,38,0.7);}
#header #logo {margin:10px 0 0 5px;max-width:175px;}
#header-content {height:87px;}

#content {padding-top:130px;}
#content.content-startpage {padding-top:40px;}

/*#menuButton {display:block;position:absolute;right:20px;top:26px;color:#fff;border:1px solid rgba(255,255,255,0.5);padding:0 10px;background:#262626;font-family:'Open Sans Condensed', sans-serif;font-size:18px;cursor:pointer;text-transform:uppercase;}*/
#navigation {position:absolute;left:0;top:87px;right:0;max-height:230px;margin-top:0;margin-left:0;margin-right:0;display:none;background:#262626;transition:ease-out 300ms background;overflow-y:auto;-webkit-overflow-scrolling:touch;border-bottom:1px solid rgba(255,255,255,0.5);}
#navigation.open {display:block;}
#navigation li {display:block;float:none;}
#navigation li a {font-size:20px;padding:3px 5px;}
#navigation > li > a:after {display:none;content:'';}
#navigation li ul {position:relative;background:none;width:auto;padding-left:10px;padding-bottom:10px;}
#navigation li ul li:hover {background:none;color:#fee9a6;}
#navigation li ul li:hover > a {color:#fee9a6;}
#navigation li ul li a {padding:3px 5px;font-size:18px;}
#navigation li ul li ul {left:auto;padding-left:10px;}

#headerSlider {height:380px;}
.headerSlide.slick-slide {height:380px;padding-top:112px;}
#headerSlider .slick-prev {height:45px;width:25px;top:58%;left:3px;background-size:contain;}
#headerSlider .slick-next {height:45px;width:25px;top:58%;right:3px;background-size:contain;}
.headerSlide .contentWidth {font-size:14px;padding:0 34px;}

#headerBoxes {height:auto;}
#headerBoxes a.box {width:50%;height:130px;padding:6px;}
#headerBoxes .box h1 {margin-bottom:10px;font-size:22px;}

.contentCentered a.button {width:100%;}

a.churchBox {min-height:0;margin:0 0 12px;width:auto;float:none;}
.churchBox img {height:100px;}
.churchBox .text {margin:0;padding:10px 2px 10px 10px;}
.churchBox .text .date {font-size:16px;width:55px;height:75px;}
.churchBox .text .date span {font-size:38px;line-height:1.3;}
.churchBox .text .detail h3 {margin:0;font-size:16px;line-height:1.1;}

.newsBox {margin:0 0 24px;width:auto;float:none;height:auto;}
.newsBox .img {height:150px;}
#backtotop {top:-60px;right:10px;}
#backtotop img {width:34px;height:34px;}

#newsletterRow {height:auto;padding-bottom:5px;}
#newsletterError {left:0;right:0;bottom:0;top:0;}
.nlboxA {width:auto;float:none;}
.nlboxB {width:auto;float:none;}
.nlbox {float:none;width:auto;height:auto;padding:5px 0;}
.nlbox input, .nlbox button {height:40px;}
.nlbox input[type=submit] {line-height:40px;}

#footer {height:auto;}
#footer-content {padding-top:20px;height:auto;}
.footerBox {padding:20px 0;font-size:13px;letter-spacing:0.9px;height:auto;float:none;border-top:1px solid #7d7d7d;border-left:0;}
.footerBox.first {border-top:0;padding-top:0;}

.newsContainer {min-height:0;}
.newsContentThumbnail {position:relative;display:block;width:auto;height:200px;text-align:center;}
.newsContentThumbnail img {max-width:100%;max-height:100%;}
.newsContentText {margin:20px 0 0;}

#event-monthly-allowance {margin-bottom:30px;}
.event {padding:30px 0;}
.eventText {}
.eventText .eventImage img {margin: 0;}
.eventText p {float:left; width: calc(100% - 60px); }


.event-detail-thumbnail div {width:auto;height:200px;display:block;position:relative;}
.event-detail-thumbnail div.clearingItem {display:none;}
.event-detail-content {margin:20px 0 0;}

.newsContainer {padding:30px 0;}

.nlbox h1 {margin-top:15px;}

.galleryCatAlbum {margin:0 0 10px;width:100%;height:210px;}
.galleryCatAlbum .mask {padding:6px 3px;}
.galleryCatAlbum .mask h2 {font-size:16px;}

.galleryAlbumImage {height:150px;width:calc(50% - 20px);margin:0 10px 20px;}

#navigation li.hasChilds > a > .rightColNavi {display:block;position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.001);opacity:0.1;transition:ease-in all 10ms;transition-delay:350ms;}
#navigation li.hasChilds:hover > a > .rightColNavi {left:30%;right:30%;top:50%;bottom:50%;opacity:0;}

.formRow input[type=text], .formRow textarea, .buttonRow input {width:100%;}