body {
    background-color: #F9FFDD;
}

.header {
     background-color: #FFFFFF;
     margin-top:5px;
    
}

.maincontainer {
    margin-top:10px;
    margin-left: 5px;
    margin-right:5px;
    border:3px solid#d4af37;
    background-color:#FFF;
    font-family:Palatino;
    color:#3c310c;
    text-align:center;
}

.headerbox1 {
padding:10px;

}

.diamondline {
    background-image: url(images/diamondborder.gif);
    background-repeat: repeat-x;
    height:20px;
    border-top:2px solid#d4af37;
    border-bottom:2px solid#d4af37;
}

.main {
    border-top: 2px solid#B3C589;
}


.headerbox2 {
    padding:10px;
}

.navbar {
padding:5px;
background-image: linear-gradient(to bottom, #FFFFFF , #FFFFFF);
}

.dropdown {
     position: relative;
   display: inline-block;
   font-size:20px;
font-weight:bold;
text-align:center;
list-style:none;
line-height:25px;
}

.dropdown-content {
     display: none;
  position: absolute;
  background-color: #f1f1f1;
  padding: 12px 16px;
  width: 120%;
  overflow:auto;
  z-index: 1;
}


.dropdown:hover .dropdown-content {display: block;}

.image {
    width:100%;
}

.bookbox {
    padding:10px;
    
}

.bookimage {
    width:100%;
    box-shadow: 4px 3px; color:#666666;
}

.textbox {
   padding:10px;
}

.textbox2 {
   padding:10px;
}

.textbox3 {
   padding:10px;
}

.imagebox {
    padding:10px;
    
}

.imagebox2 {
    padding:10px;
  
    
}

.reviews{
    paddding:10px;
}

.image1 {
    padding:10px;
}

.image2 {
  padding:10px;
}
.image3 {
    padding:10px;
}
.image4 {
    padding:10px;
    
}

.socialimage {
    height:50px;
}

iframe {
    width:100%;
    height:320px;
}

.maintext {
    padding:10px;
}

.bottomtext {
padding:10px;
}


.massageboxcolumn {
    border-bottom: 2px solid#B3C589;
    padding:10px;
}


.contactbox {
    border-bottom: 2px solid#B3C589;
    padding:10px;
}
div.box label span {
padding:30px;
}
div.box .input_text {
	width:200px;
	height:25px;
	font-size:18px;
}

div.box .message {
	width:80%;
	height:100px;
    font-size:18px;
}

div.box .button {

	width:100px;
	background-color:#B3C589;
	border-left:1px double #4C4837;
	border-right:1px double #4C4837;
	border-top:1px double #4C4837;
	border-bottom:1px double #660000;
	margin:0px 0px 10px 0px;
	padding:4px 7px 4px 7px;
	
}


h1 {
    font-size:1.8rem;
    color:#6A732A;
}

H2 {
    font-size:20px;
}

p {
    font-size:18px;
}

li {
font-size:20px;
font-weight:bold;
text-align:center;
list-style:none;
line-height:25px;
}

a {
    color:#008F00;

}

a:hover {
    color:#0000FF;
}

.accordion>input {
  position: absolute;
  left: -100vw;
}

.accordion .content {
  overflow-y: hidden;
  height: 0;
  transition: height 0.3s ease;
}

.accordion>input:checked~.content {
  height: auto;
  overflow: visible;
}

.accordion label {
  display: block;
}

.accordion {
    border-bottom: 2px solid#B3C589;
    padding:10px;
}






.accordion {
  max-width: 65em;
}

.accordion p:last-child {
  margin-bottom: 0;
}

.accordion label {
  cursor: pointer;
}

.accordion label:hover,
.accordion label:focus {
  color:#BBDCEA;
}

.content {
    padding-left:10px;
    padding-right:10px;
}

@media (min-width: 770px) {

.maincontainer {
  margin-left:7%;
    margin-right:7%;
}

.main {
display:flex;
padding-top:10px;
align-items:center;
}

.main1 {
display:flex;
align-items:center;
}

.navbar {
display:flex;
justify-content:space-around;
padding-right:40px;
padding-left:40px;
padding-bottom:10px;
}

.image1{
flex:1;
order:2;

}
  
  .maintext{
    flex:2;
    order:1;
    padding:20px;
}

.header {
    display:flex;
     justify-content:center;
      align-items:center;
} 

.bookbox {
    flex-basis:33%;
    padding:20px;
    
}


.imagebox {
    flex-basis:33%;
    padding:10px;
    padding-left:20px;
    
}

.imagebox2 {
    flex-basis:33%;
    padding:10px;
    padding-right:20px;
    order:2;
    
}
.textbox {
    flex-basis:66%;
   padding:20px;

}

.textbox2 {
    flex-basis:66%;
   padding:20px;

   order:1;
}

.textbox3 {
    flex-basis:80%;
   padding:10px;
   justify-content:center;
}

.reviews{
    display:flex;
    justify-content:center;
    
}
.main2 {
    display:flex;
    justify-content:space-around;
}
    
    .headerbox1 {
flex-basis:50%;
padding-left:30px;


}
.headerbox2 {  
    flex-basis: 40%;  
padding-right:30px;
}
.bottomtext {
    display:flex;
    justify-content:space-around;
    padding-left:30px;
    padding-right:30px;
}

.content {
    padding-left:30px;
    padding-right:30px;
}

.image2 {
    flex-basis:20%;
}
.image3 {
    flex-basis:35%;
}
.image4 {
    flex-basis:25%;
}
.box {
     display:flex;
    justify-content:space-around;
    align-items:center;
    padding-right:20px;
    padding-left:20px;
}

}
@media (min-width: 1000px) {
.maincontainer {
    margin-top: 15px;
    margin-left:10%;
    margin-right:10%;
}
    
}