body {
  background-color: #f4f4f4;
  font-family: Arial, Helvetica, sans-serif;
  color: #333;
  font-size: 12px;
  line-height: 20px;
}
h1 {
  margin: 10px 0px;
  font-size: 38px;
  line-height: 44px;
  font-weight: 700;
}
h2 {
  margin: 10px 0px;
  font-size: 32px;
  line-height: 36px;
  font-weight: 700;
}
h3 {
  margin: 10px 0px;
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
}
h4 {
  margin: 10px 0px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}
h5 {
  margin: 10px 0px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
}
h6 {
  margin: 10px 0px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 700;
}
p {
  margin-bottom: 5px;
  font-family:'Droid Serif', serif;
  font-size:13px;
  text-align:center;
  color: #2B5034;
  font-weight: 400;
}
a {
  text-decoration:none;
  color:#8C6E4A;
}
a:hover { 
  color: #2B5034;
}
.button {
  display: inline-block;
  padding: 4px 15px;
  background-color: black;
  color: white;
  text-align: center;
  text-decoration: none;
}
.warper {
  position:absolute;
  width:auto;
  width: 800px;
  height:auto;
  top:50%;
  left:50%;
  margin-left:-400px;
  margin-top:-250px;
  background-color:white;
  box-shadow: #666 0px 0px 8px 0px;
}
.logo {
  padding-top: 55px;
  padding-bottom: 15px;
  text-align: center;
}
.content {
  padding-top: 50px;
  padding-bottom: 19px;
}
.footer {
  padding-top: 15px;
  padding-bottom: 30px;
  text-align: center;
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
}
@media (max-width: 479px) {
}