/* body */
body {

   font-family: Georgia, serif;
}
html {
  scroll-behavior: smooth;
}

.logoBox {
	padding: 0px; 
	/*background: white; */
	border: grey solid 4px;
   /*background-image: url('resources/logo.jpg');
   background-size: contain;
   background-repeat: no-repeat;
   -moz-border-radius:8px 8px 8px 8px;
	-webkit-border-radius:8px 8px 8px 8px;
	border-radius:8px 8px 8px 8px;*/
	margin-left: 4px;
   margin-right: auto;
   /*width: 80%; */
   max-width: 750px;
   margin-top: 10px;
   margin-bottom: 5px;
}
.smallLogoBox {
	padding: 0px; 
	/*background: white; */
	border: grey solid 2px;
   /*background-image: url('resources/logo.jpg');
   background-size: contain;
   background-repeat: no-repeat;
   -moz-border-radius:8px 8px 8px 8px;
	-webkit-border-radius:8px 8px 8px 8px;
	border-radius:8px 8px 8px 8px;*/
	margin-left: auto;
   margin-right: auto;
   width: 90px;
   max-width: 650px;
   margin-top: 5px;
}

.smallTextBox {
	text-align: center;
	background: #bbd9b1;
	border: grey solid 2px;
	/* width: 50%; */
	padding: 5px;
	background: #e0f8d0;
	-moz-border-radius:8px 8px 8px 8px;
	-webkit-border-radius:8px 8px 8px 8px;
	border-radius:8px 8px 8px 8px;
	/* margin-left: auto;
   margin-right: auto;
   margin-top: 15px;
   margin-bottom: 15px; */
}

.box1 { 
	background: #32553d;
	border: grey solid 2px;
	box-shadow: 0 0 10px rgba(0,0,0,0.6); 
  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.6); 
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6); 
  -o-box-shadow: 0 0 10px rgba(0,0,0,0.6);
}
.box2 { 
	background: #d8e8f1;
	border: grey solid 1px;
  	padding: 20px; 
}
.contactBox { 
	background: #32553d;
	border: grey solid 2px;
	text-align:center;
	margin:8px;
	margin-bottom: 40px;
	padding:6px;
  	font-size:100%;
  	color:grey;
   /*background-image: url('resources/logo.jpg');
   background-size: contain;
   background-repeat: no-repeat;
   -moz-border-radius:8px 8px 8px 8px;
	-webkit-border-radius:8px 8px 8px 8px;
	border-radius:8px 8px 8px 8px; */
}
.contactBox a{
	text-decoration: none;
  	color: grey;
}

.contactBox a:hover { 
	color: black; text-decoration: none;
}
.normalText {
   position: fixed;
   top: 10px;
   left: 0px;
   width: 60%;
}


/* end of text box style */		

.socialMediaBox {
	padding: 3px; 
	background: #bbd9b1;
	border: grey solid 2px;
	position: fixed;
   top: 40px;
   left: 2px;
   width: 50px;
   min-width: 50px;
}

/* end of text box style */		
/* new stuff 2019 01 */
.indexMenu {
  float:left;
  width:20%;
  min-width:20%;
  text-align:center;
  position: absolute; 
  bottom: 20px;
  left:20px;
}
.indexMenu a {
  padding:3px;
  margin-top:3px;
  display:block;
  width:100%;
  font-size:125%;
  text-decoration: none;
  color: grey;
}
.indexMenu a:hover { 
	color: black; text-decoration: none;
}

.normalMenu {
  float:left;
  width:20%;
  min-width:20%;
  text-align:center;
  margin-top: 3px;
  margin-right: 10px;
  margin-left: 4px;
}
.normalMenu a {
	padding:3px;
  margin-top:3px;
  display:block;
  width:100%;
  font-size:125%;
  text-decoration: none;
  color: grey;
}
.normalMenu a:hover { 
	color: black; text-decoration: none;
}

.main {
	color:#4a4947;
  float:left;
  margin-top:6px;
  margin-bottom:6px;
  width:58%;
  padding-top:20px;
  padding-bottom:20px;
  padding-left:60px;
  padding-right:60px;
  text-align:left;
  box-shadow: 0 0 10px rgba(0,0,0,0.6); 
  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.6); 
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6); 
  -o-box-shadow: 0 0 10px rgba(0,0,0,0.6);
}
.main img{
  	width:90%;
  	display: block;
	margin-left: auto;
	margin-right: auto;
  	align-self:center;
  	align-content: center;
  	align-items: center;
  	box-shadow: 0 0 10px rgba(0,0,0,0.6); 
  	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.6); 
  	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6); 
  	-o-box-shadow: 0 0 10px rgba(0,0,0,0.6);
  	border: grey solid 2px;
  	
}

.main a{
	text-decoration: none;
  	color: black;
}

@media only screen and (max-width:800px) {
	.googleMapsPic{
  		display: none;
  }
}

@media only screen and (max-width:620px) {
  /* For mobile phones: */
  .logoBox{
  	margin-left:auto;
    width:100%;
  }
  .main{
    width:100%;
    padding-left:5px;
  	 padding-right:5px;
  	 text-align:center;
  	 padding-top:5px;
  	 padding-bottom:5px;
  }
  .main img{
  	 width:100%;
  }
  .indexMenu{
    width:100%;
    margin-right: 0px;
  	margin-left: 0px;
  	left:0px;
  }
  .pallMallText{
    width:100%;
  }
  .normalMenu{
    width:100%;
    margin-right: 0px;
  	margin-left: 0px;
  }
  .googleMapsPic{
  		display: none;
  }
}

/* resizing issues with padding etc going wrong, this fixes it */
* , *:before, *:after{ 
   box-sizing:border-box; 
   -moz-box-sizing:border-box; 
   -webkit-box-sizing:border-box; 
   -ms-box-sizing:border-box;
}

.expander {
	height: 32px;
	width: 20%;
  /* For Safari 3.1 to 6.0 */
  -webkit-transition-property: height;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: linear;
  -webkit-transition-delay: 0.3s;
  /* Standard syntax */
  transition-property: height;
  transition-duration: 0.5s;
  transition-timing-function: linear;
  transition-delay: 0.3s;
}

.expander:hover {
	 height: 40px;
}
.myBtn {
  display: none;
  position: fixed;
  bottom: 1px;
  right: 1px;
  height: 38px;
  max-height: 38px;
  z-index: 99;
  font-size:200%;
  background-color: #32553d;
  color: grey;
  cursor: pointer;
}

.myBtn:hover {
  color: black; text-decoration: none;
}

hr {
  display: block;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: auto;
  margin-right: auto;
  border-style: inset;
  border-width: 1px;
}