/*
Theme Name: Kirchenwirt 4.2
Datum: Februar 2021
Theme URI: https://graphiks.info/
Author: Andreas Hartl || https://graphiks.info
*/

@font-face {
    font-family: 'RobotoCondensedRegular';
    src: url('fonts/RobotoCondensedRegular.eot');
    src: url('fonts/RobotoCondensedRegular.eot') format('embedded-opentype'),
         url('fonts/RobotoCondensedRegular.woff2') format('woff2'),
         url('fonts/RobotoCondensedRegular.woff') format('woff'),
         url('fonts/RobotoCondensedRegular.ttf') format('truetype'),
         url('fonts/RobotoCondensedRegular.svg#RobotoCondensedRegular') format('svg');
    font-display: fallback;
}

/*Reset ------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;}body {line-height: 1;}ol,ul {list-style: none;}blockquote,q {quotes: none;}blockquote:before,blockquote:after,q:before,q:after {content: '';content: none;}table {border-collapse: collapse;border-spacing: 0;}caption,th,td {font-weight: normal;text-align: left;}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {display: block;}audio,canvas,video {display: inline-block;}audio:not([controls]) {display: none;}del {color: #333;}ins {background: #fff9c0;text-decoration: none;}sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}sup {top: -0.5em;}sub {bottom: -0.25em;}small {font-size: smaller;}img {border: 0;-ms-interpolation-mode: bicubic;}

* {box-sizing: border-box; outline: none !important;}

html {height: 100%; overflow-y: scroll;}
body, tr, td, form, label, input	{font-family:'RobotoCondensedRegular', Arial, Helvetica, sans-serif  ;  font-size: 17px; color: #323232; line-height: 1.6em; 	  	 }
body { background:#ebe5d7   ; height: 100%; padding-bottom: 70px;   }

table	{ border-spacing:0;  margin:0 0 15px 0; }
td, th	{ padding:3px 20px 3px 0; vertical-align:top;}
th	{ font-weight:bold; font-weight:1.1em;}

a, a:visited { color: #333; text-decoration: underline; 	outline: none;  }
a:hover,a:focus, a:active { 	color: #800; }
a[href*="tel"] { text-decoration: none;}
a.button { color: #fff; background: #800; text-decoration: none; border: 1px solid #800 !important; font-size: 1.1em !important; padding: 3px 7px !important;}
a.button:hover { color: #800 ; background: #fff !important ; }

i.fas, i.fab, i.far, i.fa  {  width: 25px; font-size: .85em !important; font-weight: normal;}

h1, h2, h3, h4, h5, h6	{ 	color: #800;  font-weight:bold;}
h2, h3   { margin: 15px 0 10px 0; padding-bottom:10px; font-size:1.4em;   position:relative; line-height: 1.3em;}
p + h3, ul + h3 {margin-top: 30px;}
h4 {  font-size: 1.1em; margin:0 0 15px 0;   } 
h5 {  	margin:0 0 10px 0; }
img { max-width: 100% ; height: auto !important; display: block; -webkit-border-radius: 2px; border-radius:2px;}
.wp-caption { max-width: 100%;}
hr { background:0;border:2px dotted #ccc; border-width:0 0 2px 0;height: 1px;width:100%;margin:15px 0;}

p	{ margin:0 0 10px 0; }
.storycontent  p {max-width: 900px;}
#post, #footercontent  {max-width: 1300px;}
.clear, br.clear	{ clear:both; height:0; overflow: hidden; line-height: 0; display: table; content: ""; display: block;}
.hidden	{ display:none;}
small, .small { font-size: .7em; line-height: 1.4em; color: #999;}

.skiplink {position:absolute;left:-9999px;top:-20em;}

/*HEADER ==========================*/
#header  {background: #800; border: 1px solid #800; border-width: 0 0 1px 0; padding: 10px 3% 0 3%; color: #fff; z-index: 20000;   }
#header a, #header h3, #header h4 {color: #fff;}
#header a:hover {color: #ccc;}

#headercontent h1 {position:relative;   width: 100%;   max-width: 175px;  margin-bottom: 10px; background: #fff; padding: 10px;  }
#headercontent h1 a {position:absolute;left:0;top:0;width:100%;height:100%;display:block; text-indent:-99999px;z-index:2;    }
#headercontent h1 a span { position: absolute; left:-99999px; }

.headlines { font-style: italic;}

#navi {font-size:1.1em; ; line-height:1.2em; font-weight: normal;}
#navi li {  padding:3px 3% 0 3%; display: block; position: relative;} 
#navi li a, #navi li a:visited {  color:#fff; text-decoration:none; } 
#navi li a:hover, #navi li a:active	{ color:#fc0; }
#navi .menu-item-has-children a:after { content: "\f107"; font-family: 'FontAwesome'; font-size: .8em; font-weight: bold; padding-left: 5px; right: 5px; position: absolute;  }
#navi .menu-item-has-children a:hover:after { color:#fc0;}
#navi .menu-item-has-children .sub-menu a:after {content: ""; }

/*Highlight Current*/
#navi .current_page_item a, #navi .current_page_ancestor a	{ color:#999 !important; cursor:default !important;}
#navi .current-menu-ancestor a:hover { cursor: pointer !important; color: #fc0 !important;}

#navi .sub-menu { display: none; font-size: .8em; line-height: 1.5em; padding-left: 15px; border-top: 1px dotted #ddd; border-width: 1px 0; padding: 10px 0 3px 5%; margin-top: 3px;}
#navi .current-menu-item, #navi .current-menu-ancestor { border-bottom-color: #ddd;}
#navi .current-menu-item .sub-menu, #navi .current-menu-ancestor .sub-menu { display: block;}
#navi .current-menu-item a:after, #navi .current-menu-ancestor .sub-menu .current-menu-item a:after { content: "\f054"; font-family: 'FontAwesome'; font-size: .6em !important; padding-left: 5px; right: 5px; position: absolute;   }

#navi .current-menu-item li a, #navi .current-menu-ancestor li a  {color: #fff !important; cursor:pointer !important;}
#navi .current-menu-ancestor .current-menu-item a  {color: #999 !important; cursor:default !important;}
#navi .current-menu-item li a:hover, #navi .current-menu-ancestor li a:hover, #navi .sub-menu .current-menu-item li a:hover  {color: #fc0 !important; cursor:pointer !important; }

#alert { border: 1px solid #999 !important; background: #fff !important; padding: 15px 15px 5px 15px !important; }

/*CONTENT ==========================*/	
.main_slider { position: relative;   text-align: left;margin: 0 0 20px 0; padding: 0;}
.main_slider h1.page-title {bottom: 0; padding-left: 25px; display: block; width: 100%;}

.important_message { border: 1px solid #999 !important; background: #fff !important; padding: 5px 20px !important; display: inline-block;}
.page-title + .important_message { padding-top: 10px;}

#content { width:100%; max-width: 100%;  }
.container { padding:0 25px; }
.storycontent {padding: 20px 0 30px 0;}

.page-title { padding: 3px 30px 5px 10px; color: #fff;text-shadow: 1px 1px 2px #e4d4ba;  display: inline-block; background: #800;  line-height:1.2em;border-radius: 2px; font-size:1em;line-height:1.3em; }
.page-title a,.page-title a:visited { color: #fff; text-decoration: none;}
.page-title a:hover, .page-title a:active { color: #ccc;}
.page-title::after { display: block; height: 25px;}
.page-title .fa { font-size: .65em !important; margin: 0 15px;}
.page-title .parent-page { text-decoration-line: underline; text-decoration-style: dotted; text-decoration-color: #ccc; }

.picscolumn {width: 100%; padding: 20px 0 ;   }  

h3 a, h3 a:visited, h4 a, h4 a:visited	{ color: #800;  text-decoration: underline;} 
h3 a:hover,  h3 a:focus, h3 a:active, h4 a:hover,  h4 a:focus, h4 a:active	{ color:#800;} 

.search-highlight {background: #fc0; font-weight: bold; color: #000; padding: 0 1px; font-style:normal; }
.searchcontent { padding-bottom: 25px;}
.searchcontent hr {border-bottom:1px dashed #f0f0f0; margin-bottom: 0;}
	
.alignright { margin: 0 0 25px 5%; 	display: inline; 	float: right;} 
.alignleft {margin: 0 20px 20px 0; 	display: inline; float: left; 	}
.alignleft, .alignright { max-width: 45%;}
.aligncenter { margin: 0 auto; display: block; text-align: center;}
.alignnone { display: inline-block;margin: 0 20px 20px 0; }

.video-wrapper {max-width:800px; width: 100%; margin-bottom: 20px;}
.video-container { position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden; margin-bottom:10px;} 
.video-container iframe, .video-container object, .video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}	
.storycontent img.alignleft, .storycontent img.alignright	{ max-width:33.333333333333333333333333333%%;}
.storycontent a img	{ opacity:1; background-color:#fff; 	border:1px solid #333; 	-webkit-box-shadow:3px 3px 7px 0px rgba(0, 0, 0, .3);    box-shadow:  3px 3px 7px 0px rgba(0, 0, 0, .3);} 
.storycontent a:hover img	 { opacity:0.7;border-color:#fff !important;}

.more-link, .more-link:visited {color: #800;}
.more-link:hover, .more-link:focus .more-link:active {color: #333;}
.more-link .fa { margin-left: 12px; font-size: .7em; }
	
/*Listen*/
#content ul { padding-bottom: 15px;}
#content li	{ margin:0 0 5px 20px; list-style:disc; }
#content  dt	{  font-weight:bold;  }
#content  dd	{ margin:0 0 7px 5%;  }

/*Tabelle mit divs*/
.table { display: table; border-spacing: 0; }
.tr { display: table-row; }
.td { display: table-cell; padding: 3px 20px; border: 1px solid #ccc; border-collapse: collapse;  }

table.borders td, table.borders th	{border-bottom:1px dotted #999; padding:4px 15px 4px 2px;}
table.speisekarte { background: #fff; border: 10px solid #fff;}

/*Kategorien, Verweise*/
.cat_box {border: 1px solid #ddd; margin: 0 0 15px 0;width: 100%; position: relative; padding-bottom: 1.6em;background: #fff;   }
body.tag .cat_box {padding-bottom: 2.1em;}
.cat_box:hover, .cat_box:focus, .cat_box:active {border-color: #fff; }
.cat_box a img {border: 0 !important;  -webkit-box-shadow:3px 3px 7px 0px rgba(0, 0, 0, 0) !important;    box-shadow:  3px 3px 7px 0px rgba(0, 0, 0, 0) !important;}
.cat_box a { text-decoration: none; display: block;}
.cat_box a:hover, .cat_box a:focus .cat_box a:active {color: #800;  }

.cat_box h3 { position: absolute; left: 0; bottom: 0; color: #800; background: #fff; padding: 5px 7px; margin: 0; width: 100%; font-size:1.05em; font-weight: normal; border-top: 1px solid #ddd;-webkit-border-radius: 0 0 2px 2px; border-radius:0 0 2px 2px; display: block;}
.cat_box h3 small { display: none;}
body.tag .cat_box h3 small { color: #666; font-size: .8em; display: block;}
.cat_box:hover h3, .cat_box:focus h3, .cat_box:active h3  { color: #800; padding: 8px 7px;  }

.columns { margin:25px 0 0 0; }
.column a { text-decoration: none;}
.column	{border:1px solid  #ddd; padding: 25px; background: #fff;margin-bottom: 25px; }
.column .attachment-thumbnail { float: right; margin: 0 0 25px 4%;width: 40%;  }
.column:hover, .column:focus, .column:active {border-color: #fff;}
.column .more-link { text-decoration: underline; margin-bottom: 15px;}

.box {-webkit-box-shadow:3px 3px 7px 0px rgba(0, 0, 0, 0);    box-shadow:  3px 3px 7px 0px rgba(0, 0, 0, 0); -webkit-border-radius: 2px; border-radius:2px; }
.box:hover, .box:focus, .box:active {-webkit-box-shadow:3px 3px 7px 0px rgba(0, 0, 0, .3); box-shadow:  3px 3px 7px 0px rgba(0, 0, 0, .3);}

/*WP-Gallery*/	
#content .wp-gallery::before {display: table; height: 0; clear: both; content: " ";}
#content .wp-gallery ul	{ margin:0; padding: 0;}
#content .wp-gallery li {  display:inline; list-style:none; margin:0;padding:0 2px 2px 0;float:left; width:33.333333333333333333333333333%;       }

/*Pagenavi */
.wp-pagenavi { padding:10px;  text-align:center; font-size:1.1em; }
.wp-pagenavi  .pages { margin-right: 10px;}
.wp-pagenavi a, .wp-pagenavi a:visited, .wp-pagenavi .current { width: 25px; text-align: center;margin:5px 2px; border:1px solid #ccc;  background:#eee; letter-spacing:1px; padding:3px 7px; text-decoration: none;}
.wp-pagenavi .current {color:#800;  font-weight:bold;   } 
	
/*Formulare */
textarea, input	{  border:1px solid #ccc; padding:5px 3px; position:relative; max-width: 100%;  }	
textarea	{ height:100px;  overflow: auto; }	
textarea:focus, textarea:active, input:focus, input:active	{ border-color:#800;}	
.button	{ width:auto; border:1px solid #ccc;  background:#eee; letter-spacing:1px; padding:3px 7px;   }	
.button:hover,	.button:active	{background: #fff ; color:#333; cursor: pointer; border-color:#e3ae0e; }
.frm_error { font-size: 0.85em !important; font-weight: normal !important; font-style: italic;  }

.formcontainer	{ float:right; min-width:100%; }

/*Infobar: Detaildaten zu Touren */
.infobox	{background:#fff; margin:0 0 20px 0;  border:10px solid #fff; -webkit-border-radius: 2px; border-radius: 2px; width:100%; min-width:200px;  } 
.infobox table {  margin:10px 0 0 0; width:100%;} 
.infobox td	{padding:2px 0 ; font-size:0.85em; }
.infobox tr td:first-child	{ padding-right:10px;} 
.infobox tr td:nth-child(2n+2) { -webkit-hyphens: auto;  -moz-hyphens: auto;  -ms-hyphens: auto;  hyphens: auto;}

#post .post_tags li { display:inline-block; padding:3px; margin:0 3px 3px 0; list-style:none; white-space: nowrap; background: #eee; border:1px solid #ddd; border-radius: 2px; text-align: center;} 
#post .post_tags li::first-letter { color:#999; font-size:1.3em;font-weight:bold;}

.shariff::before { display: inline; content: "Teilen "; float: left; margin-right: 15px; line-height: 40px;}

.testimonial_rotator.template-headlined .testimonial_rotator_quote, .testimonial_rotator .testimonial_rotator_quote  { font-size: 1em !important; line-height: 1.6em !important;  padding: 10px 8% !important;}

/*Hinweis-button*/
a.hinweis-button, a.hinweis-button:visited { display: inline-block; background:#800; color: #fff; padding: 8px 20px; font-size: 1.2em; line-height: 1.2em; text-decoration: none;-webkit-box-shadow:0 3px 5px 3px rgba(0,0,0,.1); box-shadow: 0 3px 5px 3px rgba(0,0,0,.1); border:1px solid #800;font-weight: bold; margin: 0 15px 15px 0;}
a.hinweis-button:hover,  a.hinweis-button:focus, a.hinweis-button:active {color:#fc0; border-color: #fff; }

/*STARTSEITE ==========================================*/

.startbox { padding: 20px 0; border-bottom: 2px dotted #ccc; }
.startbox .alignright {max-width: 35% !important; }

section.highlight  { padding: 20px 2.5%; background:#ebe5d8;  }
#post section.highlight img { border-color: #fff;}
#post section.highlight img.alignright { max-width: 38.75%;}

.home-intro {  border-bottom: 2px dotted #ccc; margin-bottom: 15px; }
.home-intro img.alignright { max-height: 250px; width: auto; margin-bottom:0 !important;}

.boxcolumns_2 { margin-top: 20px;}

/*FOOTER ==========================*/

#footer { padding-bottom: 70px; z-index: 10;}
#footer #menu li { display: inline-block; margin:0  15px 0 0;}

#footer .footercolumn { margin-top: 25px; text-align: center;}
#footer .footercolumn img {  margin: 5px auto;  }
.partner_column img { border: 5px solid #fff;}

#footer a img	{ opacity:1; background-color:#fff; 	border:1px solid #ccc;} 
#footer a:hover img	 { opacity:0.7;border-color:#fff !important;} 

 #mainsearch { display: block; margin: 25px 0; }

#stickybottom { position: fixed; bottom: 0; left: 20px;  font-size: 1em; color: #fff;  width:auto; white-space: nowrap; z-index: 10000;}
.bottomelement {-webkit-box-shadow:0 3px 5px 3px rgba(0,0,0,.4); box-shadow: 0 3px 5px 3px rgba(0,0,0,.4); background-color: #800;padding: 4px 9px; display: inline-block; margin-left: 8px; border:1px solid #800; border-width: 1px 1px 0 1px; text-align: center;}
.bottomelement:hover { border-color: #fc0:}
.bottomelement a { text-decoration: none; color: #fff; font-weight: bold; display: block;}
.bottomelement a:hover, .bottomelement:hover {color:#fc0; }
.page-id-18 #kontakt, .page-id-52 #anfrage, .page-id-234 #newsletter, .page-id-50 #gutschein { display: none;}
#stickybottom #facebook .fa { font-size: 16px !important;}
.bottomelement span.text { display: none;}

/*Ueberschreiben, Editor-Styles ------------------------------------------------------------------------------------*/
.red {color:#800;font-weight:bold;}
.noborder, .wp-smiley	{ border:0 none !important;}
.border	{ border:1px solid #ccc;}
.hidden	{ display:none;}
.uppercase {text-transform: uppercase;}

/*Transition*/
a:hover, input:hover, textarea:hover, .arrow a:hover, a img, #menu,#menu  li:hover, #navi  input#show-menu ~ #menu, #navi li a, #navi li a:after, #content .wp-gallery li img, .cat_box, .cat_box h3, .bottomelement, .box, .column, button  { -webkit-transition: all 500ms ease-in-out;-moz-transition: all 500ms ease-in-out;-ms-transition: all 500ms ease-in-out;  -o-transition: all 500ms ease-in-out;transition: all 500ms ease-in-out; }

/*clear*/
.wp-gallery::before, .video-wrapper::before, .clear {clear: both; display: table; content: "";zoom: 1; height:  }

/*RESPONSIVE ==========================*/

@media screen and (min-width: 450px) { 
    
    .boxcontainer {display: flex;flex-direction: row;flex-wrap: wrap; justify-content: flex-start;align-items: flex-start;align-content: flex-start;}
    .boxcontainer  .cat_box { width: 48%; margin: 0 2% 15px 0; }
    
}

@media screen and (max-width: 500px) {
    
    #post img.alignleft, #post img.alignright, div.alignright, div.alignleft 	{ max-width:100% !important; float: none !important; display: block !important; margin: 10px 0 !important;} 
    
}

@media screen and (min-width: 600px) { 
    
    .infobox {float: right; margin: 0 0 25px 3%; display: inline-block; width: 35%;}
    .mobileonly { display: none;}
    
    .articlecontent {display: flex; flex-direction: row;flex-wrap: nowrap;justify-content: space-between;}
   
    .picscolumn { width: 35%; padding-left: 3%;}
}

@media screen and (max-width: 699px) {
    
    #post, #footer { -webkit-hyphens: auto;  -moz-hyphens: auto;  -ms-hyphens: auto;  hyphens: auto;   }
    #footer { text-align: center;}
    
}

@media screen and (min-width: 701px) {

    .columns {column-count: 2; column-gap: 25px; position: relative; }
   /* .startboxcolumns {column-count: 2; column-gap: 30px; -webkit-column-count: 2;-webkit-column-gap: 30px;-moz-column-count: 2; -moz-column-gap: 40px; border-bottom: 2px dotted #ccc; -webkit-column-rule: 2px dotted  #ccc; -moz-column-rule:  2px dotted  #ccc;  column-rule:  2px dotted  #ccc; padding-bottom: 25px;}*/
    .column /*, .startbox*/ {  border: 0;display: inline-table; padding-top: 0; width: 100%;  display: inline-block; break-inside: avoid-column; page-break-inside: avoid;-webkit-column-break-inside: avoid;overflow: hidden;  }
    
    .startboxcolumns { 	display: flex; 	flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: top; align-content: top; }
    .startboxcolumns  .startbox { width: 50%; border-top:1px dotted  #ccc; padding: 2% 0; }
    .startboxcolumns  .startbox .startbox-content { height: 96%; }
    .startboxcolumns  .startbox:nth-child(odd) .startbox-content {  padding-right: 20px; border-right:2px dotted  #ccc;   }
    .startboxcolumns  .startbox:nth-child(even) .startbox-content {  padding-left: 20px;   }
    .startboxcolumns  .startbox:nth-child(1), .startboxcolumns  .startbox:nth-child(2) { border-top: 0; padding-top: 0; }
    
    .column {padding: 20px 20px 0 20px;}
    .startbox {break-inside: avoid-column; page-break-inside: avoid;-webkit-column-break-inside: avoid;overflow: hidden;  padding: 13px 13px 5px 13px; box-sizing: border-box; width: 100%;}
    
}

@media screen and (min-width: 750px) {
    
    .container { padding:25px 3%; width: 100%; }
    .main_slider h1.page-title  { padding-left: 3%; bottom:0; position: absolute;   }
    .page-title { padding: 5px 40px 5px 20px;  font-size: 1.8em; line-height: 1.2em;}
    .infobox	{ width: 30%; }
    
    dt {     float: left;     clear: left;     width: 100px;    }
    dd {  margin: 0 0 0 110px; padding: 0 0 0.5em 0;}  
    
     #content .wp-gallery li { width:25%;}
    .storycontent img.alignright {max-width:25% ; }
   
    .formcontainer	{ padding:0 0 20px 4%; margin-left:4%; border-left:1px dotted #999;  width: 50%; max-width: 500px; min-width: 1%;}
    
    .boxcontainer  .cat_box { width: 31%; }

}

@media screen and (min-width: 850px) {
    
    #footer .footercolumn { display: inline-block; width: 33%; float: left;}
    #footer .sidebar-contact {text-align: left ;} 
    
     #stickybottom { left: auto;   right: 100px;}
   
}

@media screen and (max-width:1023px) {
    
    #header .bestpreis {display: none;}
    #header .headlines { font-size: .75em; line-height: 1.3em;} 
    
}

@media screen and (min-width:1024px) {
    
    #header { 	display: inline-block; float: left;vertical-align: top; height: 100%; width: 22%; overflow: auto; position: fixed; border-width: 0 1px 0 0; padding: 25px 20px 5px 20px; z-index: 2;  }
    #headercontent h1 {margin-bottom: 12px;   max-width: 100%;  }
    #header .headlines span { display: block;}

    #content { 	display: inline-block; float: right; 	vertical-align: top; 	min-height: 100%; width: 78%; text-align: left !important;}

    .main_slider { margin-bottom:0;}
    .home-intro {padding:0;}
     h1.page-title {font-size: 1.6em; }
    .main_slider h1.page-title { font-size: 1.6em; line-height: 1.2em; display: inline-block; width: auto; bottom: 0;}
    .home h2.page-title { font-size:2.2em; }

    #navi {font-size:1.1em; padding:15px 0 25px 0; line-height: 1.3em;} 
    #navi li { padding:6px 0 ; border-bottom: 1px dotted #444; }
    #navi .sub-menu li { padding:2px 0 ; border-bottom: 0;  }  
    
     .boxcontainer  .cat_box { width: 24%; margin-right: 1%; }
    
}

@media screen and (min-width:1250px) {    
    
    #header { 	width: 18% }
    #content { 	width: 82%; }
   
    .infobox	{ border-width: 15px; }
    
     .bottomelement span.text { display: inline-block;}
    
}
    
@media screen and (min-width:1600px) {    
    
    #header { 	width: 15% }
    #content { 	width: 85%; }
    .main_slider h1.page-title {font-size: 2.4em; line-height: 1.2em; }
    h1.page-title {font-size: 2.4em; }
    #content .wp-gallery li { width:20%; }
    .storycontent img.alignright {max-width:40% ; }
    .picscolumn { width: 40%; padding-left: 4%;}
   
}