html {height:100%;}

body {
	margin: 0; padding: 0; 
	height:100%;
	background: #c1af9e url(../images/bodybg.jpg) repeat fixed;
	color:#231508
	line-hight: 100%;
	font-size: 14px;
	font-family:'Open Sans', Arial, sans-serif;
}

a { color: #3e3025; text-decoration: none;}

h1, h2, h3, h4, h5, h6 { margin: 3px 0 10px 0; }

p {line-height:150%; }

h1, h2, h3, h4, h5, h6 { color: #3e3025; }
h1 { font-size:48px; } 
h2 { font-size: 28px; } 
h3 { font-size: 22px; } 
h4 { font-size: 18px;} 
h5 { font-size: 16px; }
h6 { font-size: 14px; }

a:hover {color: #000;} 

hr{
	border: none;
	border-bottom:dotted #9e8d7b 1px; height:1px;
	clear:both;
}


.wrapper {
	max-width: 1600px;
    width: 90%;
    margin: 0 auto;
	background: transparent  url(../images/bg75.png); 
	z-index:300;
	position:relative;
	box-shadow: 0 0 60px #3e3025;
	
}

.header {
	padding: 45px 0px 0px 0px;
	font-family: 'dream_to_berich_demo_for_usRg';
	font-size: 55px;
    width: 100%;
	height: 120px;
	font-weight: normal;
	text-align: center;
	background: #fff url(../images/headerbg.jpg) no-repeat top center; 
	clear:both;
}

/* Back to Top */
#backtotop {
  display: inline-block;
  background-color: #909090;
  width: 30px;
  height: 30px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 5px;
  right: 5px;
  transition: background-color .5s, 
  opacity .5s, visibility .5s;
  opacity: 0.4;
  visibility: hidden;
  z-index: 1000;
}
#backtotop::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 25px;
  line-height: 30px;
  color: #ffffff;
}
#backtotop:hover {
  cursor: pointer;
  background-color: #606060;
}
#backtotop:active {
  background-color: #909090;
}
#backtotop.show {
	opacity: 0.4;
  visibility: visible;
}

.thrfooter{
	padding: 25px 0px 15px 0px;
	text-align: center;
}
.thrfooter a {
/*nix*/
}
.thrfooter a:hover {
/*nix*/
}

.copyright{
	padding: 20px 0px 0px 0px;
	font-size: 11px;  
}


.footer {
	text-align: center;
	background: #fff url(../images/headerbg.jpg) no-repeat top center; 
	height:140px;
	clear:both;
}

.grid {
  display: grid;
  gap: 10px;
	grid-template-columns: 70% 30%;
}
.main {
	padding: 0 20px 0px 20px;
}
.side {
	margin: -20px 10px 0 0;
	padding: 20px 20px 0 20px;
	background-color:#dacfbd; border-left: 1px solid #9e8d7b;
}
.side h4 {color: #fff;}

.main,
.side {
/*nix*/
}

@media(max-width: 900px){
  .grid {
	  grid-template-columns: 100%; 
  }
	.side {
	border-left: none;
		margin: 0 0 0 0;
		border-top: 1px solid #9e8d7b;
		padding: 20px 10px 0 10px;
  }
	.main {
	padding: 0 10px 25px 10px;
  }
}