/* cmsms stylesheet: 2020adaptive modified: Thursday, April 30, 2020 7:40:22 PM */

/*--------- BIG ---------*/
@media screen and (min-width: 1100px) {
#page {margin-left:280px;margin-top:110px; z-index:0;
	min-height: 530px;
	height: auto!important;
	height: 530px;

	min-width: 820px;
	width: auto!important;
	width: 820px;
}

}

/*------------ SMALL -------------*/




@media screen and (max-width: 1100px)  {
#bottommenu{display:block; padding-top:10px; margin-top:10px;border-top:1px solid #eee;}
body {-webkit-text-size-adjust:none; }
body {padding: 2%;}
p{max-width:100%}
#logo a {
  background:none;
  text-indent:0;
  text-decoration:none;
  color: #808080;
  font-size: 30px;
}

h1 {font-size: 22px;}
h2 {font-size: 20px;}

#logo {width: 80%;}
#footer {display:none;}
#leftbar {position: relative;width: 100%;height:auto;}
#header {position: relative;width: 100%;border-bottom: 1px solid #adadad; padding: 0 0 10px 0; margin-bottom:10px;height:auto !important;}
#menu {display:none;} /*collapse by default*/
.page-home #menu {display:block;}
.page-home #menutoggle {display:none;}

#menu {font-size: 10px;padding: 10px 10px 10px 10px;background: #f5f5f5} 
#menu li a, #menu li p {width:auto;}

#menu li {display:block; border-bottom: 1px solid #e0e0e0;padding: 10px;display:block;
color:#adadad;}
#menu a:link, #menu  a:visited {  text-decoration: none;     color: #808080;
}

#menu li li {border-bottom: none; font-size: 20px; padding: 5px 0px 5px 0px;}
#page {margin-top: 10px;}

.gallery,.gallerycomment,#logo a {width:100% !important;margin:0;}
.gallery .imgbig {width:100% !important;float:none; display:block;}
#galleria {display:none;}

.thumbs {display:none;}
#menutoggle {z-index:999; display:block; position: absolute; right: 0px; top:0px;
font-size: 10px; color: #fff; background: #808080; padding: 10px;}

.video iframe {width: 100%;height:250px;}
table img {width:100% !important;height:auto !important}
td {display:block;width:100%;èadding:10px 0 10px 0}
.contactform input, .contactform textarea {width:100% !important;}
}

/*image scaling to fit screen*/
@media screen and (max-width: 1100px)  and (orientation: landscape) {
.gallery img {max-height:300px !important;}
h1 {font-size: 20px;}
h2 {font-size: 18px;}
p {font-size: 14px;}
}
@media screen and (max-width: 1100px)  and (orientation: portrait) {
.gallery img {max-width:100% !important;}
}