body { max-width: 1000px; margin:auto; }
a { text-decoration:none; }
* { box-sizing: border-box; }
a:visited { color:green; }
a:link { color: red; }
a:hover { color: orange; }
p { margin: 8px 0px 4px 0px; }
.p { margin-top: 20px; }
span .active { color: #ddd; }
.center{text-align:center}
.menu { font-size:14px; color:#ccc;}
.preview img { margin:4px; }
.preview { margin-top:18px; }
.dark { background-color: #333; color: #FF69B4; }
.clearfix:after { content: ""; display: table; clear: both; }
.logo {
height: 50px;
background-image: url("../images/logo.png");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.lazyload, .lazyloading { opacity: 0; }
.lazyloaded {
	opacity: 1;
	transition: opacity 300ms;
	background: #f7f7f7 url(../images/loader.gif) no-repeat center;
}
div.gallery {
  margin: 5.5px;
  border: 1px solid #ccc;
  float: left;
  width: 255px;
  height: 235px;;
}
div.gallery:hover { border: 1px solid #777; }
div.gallery img { width: 100%; }
div.desc { padding: 8px; text-align: center; font-size: 12px; }
.container-video,.container video  {
  position: relative;
  max-width: 800px;
  margin: auto;
  background: #000;
}
.container {	
	video {
		max-height: 100vh;
		max-width: 100vw;
		width: 100%;
		height: 500px;
	}
}
.btn2 {
  position: absolute;
  top: 1%;
  left: 0.5%;
}
.btn {
  position: absolute;
  top: 1%;
  right: 0.5%;
  padding: 2px 5px;
}
#myBtn:hover {
color:red;
background-color: white;
border:1px solid red;
}
#myBtn {
	display: none;
	position: fixed;
	bottom: 60px;
	right: 20px;
	z-index: 99;
	font-size: 18px;
	border: none;
	outline: none;
	background-color: red;
	color: white;
	cursor: pointer;
	padding: 12px 15px;
	border-radius: 4px;
}
#mySite { border: 1px solid #ddd;}
.myMenu {
	padding: 12px;
	text-align: center;
	border: 1px solid #ddd;
	font-weight: bold;
}
.title {
	font-size: 18px;
	margin: 14px auto auto;
	font-weight: bold;
	text-transform: capitalize;
}
.back {
	font-size: 18px;
	margin: 30px auto 15px;
	font-weight: bold;
}
.headForm {
display:flex;
text-align:center;
border: 1px solid #eee;
}
			form { margin:auto; max-width: 300px; }
			form.searchForm button { width: 30%; }
			form.searchForm, .btn {font-size: 16px;}
			form.searchForm input[type=text]  { width: 70%; }
			form.searchForm input[type=text], form.searchForm button { float: left; padding: 10px; }
			.clearfix:after, form.searchForm::after { content: ""; display: table; clear: both; }
			.btns {
				vertical-align: middle;
				display: inline-block;
				padding: 8px;
				width: 120px;
				margin: 5px;
			}
@media only screen and (min-width: 700px) { div.gallery img { height: 185px; } }
@media only screen and (max-width: 600px) { 
div.gallery, .container-video, .container video  { width:100%;height:auto;margin:0 }
div.gallery img, .logo img { width:100%;height:auto }
form.searchForm input[type=text] { width: 65%;}
form.searchForm button { width: 35%;}
.btns { width: 80px; }
}
loc,lastmod,changefreq,priority,#image {display:none}
#myHost a { font-size: 12px;}