header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%}
.mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
/********************************************************************************/
/*
Theme Name: Konna
Theme URI: http://www.konna.de/
Description: konna e.V.
Version: 1.0
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/
/*	Hauptfarben			*/
/*	Beige:	#a28563		*/
/*	Gelb:	#fbb91e		*/
/********************************************************************************/

:link,:visited { text-decoration:none }
ul, ol { list-style:none }
h1,h2,h3,h4,h5,h6 { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,hr, dt, dd { margin:0; padding:0 }
a img,:link img,:visited img { border:none }

/********************************************************************************/
/* Klasse .block overflow:hidden von Contao überschreiben  */
.block {overflow:visible;}
/* :focus {outline: 0;} */

/********************************************************************************/
/* Auswahltext-Farbe ändern */
::selection { background:#fff; color:#fbb91e; /* Safari and Opera */ }
::-moz-selection { background:#fff; color:#fbb91e; /* Firefox */ }

/* Highlight Searchword */
.highlight { background:#fff; color:#fbb91e; padding:0 2px;}

/********************************************************************************/
/* Prevent Firefox Scrollbar Jump */
html { overflow-y:scroll; }

/*	Fehler mit mobile-menu & position:fixed umgehen	*/
body .mobile_menu_wrapper #wrapper {
	transform: none!important;      
	will-change: content!important;
}
/********************************************************************************/

html {
	width: 100vw;
	height: 100vh;
	background: #a28563 url('../../files/data/img/ziegenkinder.jpg') 0 0 no-repeat;
	background-size: cover;
}

body {
color					: #fbb91e;
margin					: 0 auto;
padding					: 0;
font-size				: 100%;
font-family				: verdana, arial, helvetica, sans-serif;
}

/********************************************************************************/

#container {
	padding-left: 250px;
}

#wrapper {
	max-width: 960px;
	margin: 50px auto;
	padding: 0 20px;	
}

#logo {
float					: left;
margin					: 0 0 25px 0;
padding					: 0;
}

#left {

}

#left .inside {
width					: 200px;
min-height				: 530px;
text-align				: left;
padding					: 25px;
border-radius			: 20px;
webkit-box-shadow		: 0px 0px 10px black;
box-shadow				: 0px 0px 10px black;
background				: #a28563;
/*opacity					: .8;*/
/*filter					: progid:DXImageTransform.Microsoft.Alpha(opacity=80);*/
}

#main {

}

#main .inside {
max-width				: 550px;
/* min-height				: 380px; */
min-height				: 530px;
text-align				: left;
margin-left: 50px;
padding					: 0 50px 50px 50px;
border-radius			: 20px;
webkit-box-shadow		: 0px 0px 10px black;
box-shadow				: 0px 0px 10px black;
/*opacity					: .8;*/
/*filter					: progid:DXImageTransform.Microsoft.Alpha(opacity=80);*/
background				: #000;
}

.mod_changelanguage {
width					: 100%;
height					: 25px;
float					: left;
text-align				: right;
margin					: 25px 0 100px 0;
padding					: 0;
/*background				: #ccc;*/
}

.mod_changelanguage li {
list-style-type			: none;
float					: right;
}

.mod_changelanguage li a, .mod_changelanguage li .active {
padding					: 0;
margin					: 0 0 0 10px;
}

iframe {
padding					: 0;
margin					: 20px 0 0 0;
}

/********************************************************************************/

#left #nav_main {
padding					: 0;
margin					: 0;
float					: left;
text-transform			: uppercase;
}

#left #nav_main ul {
padding					: 0;
margin					: 0;
}

#left #nav_main li {
font-size				: 100%;
line-height				: 1.8em;
list-style-type			: none;
padding					: 0;
margin					: 0;
}

#left #nav_main .level_1 a:link, #left #nav_main .level_1 a:visited, #left #nav_main .level_1 .active a:link, #left #nav_main .level_1 .active a:visited {
font-weight				: normal;
color					: #fbb91e;
padding					: 0;
margin					: 0;
}

#left #nav_main .level_1 a:hover, #left #nav_main .level_1 a:active, #left #nav_main .level_1 a:focus {
font-weight				: normal;
color					: #000;
padding					: 0;
margin					: 0;
}

#left #nav_main li.active {
font-weight				: normal;
color					: #000;
padding					: 0;
margin					: 0;
}

#left #nav_main li.trail a {
color					: #000 !important;
}

#left #nav_main .level_2 li {
text-transform			: none;
font-size				: 80%;
line-height				: 1.8em;
list-style-type			: none;
padding					: 0;
margin					: 0 0 0 25px;
}

#left #nav_main .level_2 li a:link, #left #nav_main .level_2 li a:visited, #left #nav_main .level_2 li .active a:link, #left #nav_main .level_2 li .active a:visited {
font-weight				: normal;
color					: #fbb91e !important;
padding					: 0;
margin					: 0;
}

#left #nav_main .level_2 li a:hover, #left #nav_main .level_2 li a:active, #left #nav_main .level_2 li a:focus {
font-weight				: normal;
color					: #000 !important;
padding					: 0;
margin					: 0;
}

#left #nav_main .level_2 li.active {
font-weight				: normal;
color					: #000 !important;
padding					: 0;
margin					: 0 0 0 25px;
}

#left #nav_main .level_2 li.last {
margin					: 0 0 15px 25px;
}

/********************************************************************************/
/*	Mobile Navigation	*/

.mobile_menu .inner {
	background: #a28563;
}

.mobile_menu #nav_main {
	text-align: center;
	padding: 20px;
	transition: 0.3s;
}

.mobile_menu #nav_main li {
	font-size: 2.000rem;
	line-height: 3.000rem;
}

.mobile_menu #nav_main .level_1 a:link,
.mobile_menu #nav_main .level_1 a:visited {
	color: #fbb91e;
	border-bottom: none;
}

.mobile_menu #nav_main .level_1 a:hover,
.mobile_menu #nav_main .level_1 a:active,
.mobile_menu #nav_main .level_1 a:focus,
.mobile_menu #nav_main .level_1 strong {
	font-weight: normal;
	color: #000;
	border-bottom: none;
}

.mobile_menu #nav_main .level_2 li {
	font-size: 70%;
	line-height: 1.6em;
}

/********************************************************************************/

h1 {
font-family				: verdana, arial, helvetica, sans-serif;
font-size				: 130%;
text-transform			: uppercase;
line-height				: 1.2em;
font-weight				: normal;
margin					: 0 0 10px 0;
padding					: 0;
}

h2 {
font-size				: 100%;
line-height				: 1.4em;
font-weight				: normal;
margin					: 20px 0 0 0;
padding					: 0;
}

h3 {
font-size				: 90%;
line-height				: 1.6em;
margin					: 20px 0 0 0;
padding					: 0;
}

p, th, td {
font-size				: 90%;
line-height				: 1.6em;
margin					: 10px 0 0 0;
padding					: 0;
}

.ce_download {
font-size				: 90%;
line-height				: 1.6em;
/*vertical-align			: top;*/
margin					: 0;
padding					: 0;
}

p a:link, p a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, #main li a:link, #main li a:visited, .ce_download a:link, .ce_download a:visited {
color					: #fff;
border-bottom			: 0px solid #fff;
}

p a:hover, p a:active, p a:focus, h2 a:hover, h2 a:active, h2 a:focus, h3 a:hover, h3 a:active, h3 a:focus, #main li a:hover, #main li a:active, #main li a:focus, .ce_download a:hover, .ce_download a:active, .ce_download a:focus {
color					: #fff;
border-bottom			: 1px solid #fff;
}

/************************************************************************************************************/

#main ul{
list-style-type			: square;
font-size				: 90%;
line-height				: 1.6em;
margin					: 0 15px;
padding					: 0;
}

#main ul li{
line-height				: 1.6em;
margin					: 0;
padding					: 0;
}

/**********************************************************************************/
/* Je nach Bilde-Ausrichtung etwas Platz um das Bild lassen  */

.float_left img {
margin					: 0 10px 10px 0;
padding					: 0;
}

.float_right img {
margin					: 0 0 10px 10px;
padding					: 0;
}

/**********************************************************************************/

.mod_newslist {
margin					: 0;
padding					: 0;
}

.mod_newslist p.info, .mod_newsreader p.info {
font-size				: 80%;
line-height				: 1.6em;
text-align				: right;
margin					: 30px 0 0 0;
padding					: 0;
border-top				: 1px dotted #a28563;
}

.mod_newslist h2 {
margin					: 0;
padding					: 0;
}

.mod_newsreader .back {
margin					: 0;
padding					: 0;
border-top				: 1px dotted #a28563;
}

.enclosure {
margin					: 20px 0;
padding					: 0 10px 10px 10px;
border					: 1px solid #a28563;
border-radius			: 10px;
}

/********************************************************************************/

.pagination {
font-size				: 80%;
line-height				: 1.8em;
margin					: 30px 0 0 0;
padding					: 0;
border-top				: 1px dotted #a28563;
}

#main .pagination ul, .pagination li {
list-style-type			: none;
display					: inline;
margin					: 0;
padding					: 0;
}

#main .mod_article .pagination li {
list-style-type			: none;
background				: none;
padding					: 0 3px;
margin					: 0;
}

.pagination a:link, .pagination a:visited {
font-weight				: normal;
padding					: 0 3px;
margin					: 0;
}

.pagination a:hover, .pagination a:active, .pagination a:focus {
font-weight				: normal;
padding					: 0 3px;
margin					: 0;
}

.pagination .current {
font-weight				: normal;
padding					: 0 3px;
margin					: 0;
}

/********************************************************************************/

#vorstand .ce_text {
width					: 200px;
float					: left;
text-align				: center;
margin					: 0 25px 0 0;
padding					: 10px;
/*background				: #fff;*/
}

.image_container img {
margin					: 0;
padding					: 0;
/*background				: #000;*/
border					: 1px solid #fbb91e;
}

/**********************************************************************************/

#main table {
width					: 400px;
font-size				: 90%;
border-collapse			: collapse;
clear					: both;
margin					: 20px 0;
padding					: 0;
/*background				: #fff;*/
}

#main table th {
font-weight				: bold;
text-align				: left;
vertical-align			: top;
margin					: 0;
padding					: 0;
}

#main table td {
vertical-align			: top;
margin					: 0;
padding					: 0;
}

#main table a {
line-height				: 1.6em;
}

/************************************************************************************************************/

#main .ce_gallery {
float					: left;
width					: 100%;
/* height					: 130px; */
margin					: 10px 0;
padding					: 0;
overflow				: hidden;
}

#main #mitglieder .ce_gallery {
height					: 100%;
overflow				: visible;
}

#main .ce_gallery.tabellenlos ul
{
margin					: 0;
padding					: 0;
list-style-type			: none;
}

#main .ce_gallery.tabellenlos li
{
float					:left;
margin					:0 8px 3px 0;
padding					:0;
}

#main .ce_gallery.tabellenlos li img {
margin					: 0;
padding					: 0;
border					: 1px solid #fbb91e;
}

#main .ce_gallery.tabellenlos li a:hover {
border					: 0px solid #fbb91e;
}

#main .ce_gallery.tabellenlos-caption .caption
{
width					: 100px;
margin					: 2px 0 10px 0;
}

/************************************************************************************************************/

.formbody {
width					: 550px;
/*background				: #ccc;*/
}

.mod_search label, .mod_login label, .ce_form label, .ce_comments label, .checkbox_container label {
font-size				: 75%;
line-height				: 1.6em;
width					: 100%;
margin					: 0;
padding					: 0;
display					: block;
/* background				: #ccc; */
}

.mod_search input, .mod_login input, .ce_form input, .ce_comments input, .mod_subscribe input, .mod_unsubscribe input {
font-family				: arial, verdana, helvetica, sans-serif;
font-size				: 75%;
width					: 550px;
/* line-height				: 1.6em; */
line-height				: 24px;
height					: 24px;
margin					: 0 8px 8px 0;
padding					: 0 4px;
/* float					: left; */
display					: inline;
border-radius			: 2px;
border					: 1px solid #ccc;
box-shadow				: inset 1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow			: inset 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow		: inset 1px 1px 1px rgba(0,0,0,0.1);
background				: #f9f9f9;
}

.ce_form select {
font-family				: arial, verdana, helvetica, sans-serif;
font-size				: 75%;
/* line-height				: 1.6em; */
line-height				: 24px;
/*height					: 20px;*/
margin					: 0 8px 8px 0;
padding					: 2px 4px;
/* float					: left; */
display					: inline;
border-radius			: 2px;
border					: 1px solid #ccc;
box-shadow				: inset 1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow			: inset 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow		: inset 1px 1px 1px rgba(0,0,0,0.1);
background				: #f9f9f9;
}

.checkbox {
float					: left;
}

.checkbox_container span {
height					: 1.6em;
width					: 100%;
margin					: 0;
padding					: 0;
float					: left;
}

#tl_subscribe input.submit {
margin					: 10px 0;
}

/* Abstand für Spam Schutz */
#lbl_4_0 {
margin					: 5px 0 0 0;
padding					: 3px 0 0 0;
}

textarea {
font-family				: arial, verdana, helvetica, sans-serif;
font-size				: 75%;
line-height				: 1.6em;
width					: 550px;
height					: 100px;
margin					: 0 0 8px 0;
padding					: 0 4px;
float					: left;
display					: inline;
border-radius			: 2px;
border					: 1px solid #ccc;
box-shadow				: inset 1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow			: inset 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow		: inset 1px 1px 1px rgba(0,0,0,0.1);
background				: #f9f9f9;
}

/* Captcha Text bei Formular und in den Kommentaren unterscheiden sich! */
.widget .captcha_text {
font-size				: 100%;
}

.mod_search input[type="text"], .mod_login input[type="text"], .mod_login input[type="password"] {
width					: 300px;
}

.ce_form input[type="submit"], .mod_search input[type="submit"], .mod_login input[type="submit"] {
width					: 200px;
padding-bottom			: 1px;
height					: 26px;
}

.mod_search .even, .mod_search .odd {
margin					: 0 0 20px 0;
padding					: 10px 0;
border-top				: 2px solid #ccc;
}

/************************************************************************************************************/

.comment_default {
margin					: 0 0 15px 0;
padding					: 0;
border-bottom			: 1px solid #ccc;
}

legend {
display					: none;
}

label.error {
color					: #ff0000;
font-weight				: bold;
}

p.error {
top						: -3000;
position				: absolute;
visibility				: hidden;
}

/********************************************************************************/
/*	Navigation	*/

.offcanvas {
	z-index: 9999;
	position: absolute;
	top: 20px;
	right: 20px;
	width: 40px;
	height: 32px;
	-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;
}

.offcanvas span {
	display: block;
	position: absolute;
	height: 4px;
	width: 100%;
	background: #fbb91e;
	opacity: 1;
	left: 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;
}

.offcanvas span:nth-child(1) {
	top: 0px;
}

.offcanvas span:nth-child(2),
.offcanvas span:nth-child(3) {
	top: 14px;
}

.offcanvas span:nth-child(4) {
	top: 28px;
}

.offcanvas.open span:nth-child(1) {
	top: 18px;
	width: 0%;
	left: 50%;
}

.offcanvas.open span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.offcanvas.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.offcanvas.open span:nth-child(4) {
	top: 18px;
	width: 0%;
	left: 50%;
}

/********************************************************************************/
/*	Mobile Anpassungen	*/

@media only screen and (max-width : 767px) {
	#left #nav_main {
	display: none !important;
	}

	#wrapper {
	margin: 20px auto;
	}

	#container {
	display: flex;
	flex-direction: column-reverse;
	padding-left: 0;
	}

	#left {
	margin-bottom: 20px;
	}

	#left .inside {
	width: calc(100% - 50px);
	min-height: 10px;
	padding: 10px 25px;
	}

	#main .inside {
	max-width: 100%;
	margin: 0;
	}

	#logo {
	float: none;
	height: 50px;
	margin: 0;
	}

	#logo img {
	width: auto;
	height: 50px;
	}
}

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

}

@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : landscape) {
    body {-webkit-text-size-adjust: 100%;}
}

/********************************************************************************/