* {box-sizing: border-box;padding:0;margin:0;border:0; font-family: Athelas, Times, serif}

body, html {
    height:100%;
}

.bgphoto {
  /* Full height */
  height: 100%; 

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.img1 { background-image: url("photos/simon1.JPG"); }
.img2 { background-image: url("photos/donkeys1.JPG"); }
.img3 { background-image: url("photos/flowers.JPG"); }
.img4 { background-image: url("photos/sunset1.JPG"); }
.img5 { background-image: url("photos/bath.JPG"); }
.img6 { background-image: url("photos/night.JPG"); }
.img7 { background-image: url("photos/simon2.JPG"); }
.img8 { background-image: url("photos/donkeys2.JPG"); }
.img9 { background-image: url("photos/gate.JPG"); }
.img10 { background-image: url("photos/shower.JPG"); }
.img11 { background-image: url("photos/simon3.JPG"); }
.img12 { background-image: url("photos/sunset2.JPG"); }

.bgwords {
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0, 0.4); /* Black w/opacity/see-through */
  color: rgb(150,200,150);
  font-weight: bold;
  font-size: 40px;
  position: fixed; /* Stay fixed */
  top: 10%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 400px;
  padding: 20px;
  text-align: center;
}

.links {
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0, 0.0); /* Black w/opacity/see-through */
  color: rgb(150,200,150);
  font-weight: bold;
  font-size: 25px;
  position: fixed; /* Stay fixed */
  top: 70%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 700px;
  padding: 20px;
  text-align: center;
  line-height: 200%;
}


a:link {
    color: rgb(150,200,150); 
    background-color: transparent; 
    text-decoration: underline;
}

a:visited {
    color: rgb(150,200,150);
    background-color: transparent;
    text-decoration: underline;
}

a:hover {
    color: rgb(200,250,200);
    background-color: transparent;
    text-decoration: none;
}

body {
    background-color: rgb(255,255,255);
}

h1 {

    color:rgb(150,200,150);
    font-size: 200%;
    text-align: center;
    margin-top:10px;
    margin-bottom: 20px;
}

h2 {
    color:rgb(150,200,150);
        font-size: 150%;
    text-align: center;
    margin-top:10px;
    margin-bottom: 20px;
}

h3 {
    color:rgb(150,200,150);
        font-size: 150%;
    text-align: center;
    margin-top:10px;
    margin-bottom: 20px;
}

img {
max-width: 100%;
max-height: 100%;
}

#header_pic {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width:370px;

}
#recycling_pic {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width:600px;

}

#HemburyWalk {
    display: block;
    margin-left: auto;
    margin-right: auto;    
    width:auto;
}

#BucklandWalk {
    display: block;
    margin-left: auto;
    margin-right: auto;    
    width:auto;
}

#animals_pic {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width:499px;
}

#map {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width:822px;

}


#menu {
    font-size:150%;
    text-align:center;
    margin-top:50px;
    line-height:30px;
}

#text {
    font-size:120%;
    text-align:left;
    margin-left:10%;
    margin-right:10%;
}

#indent {
    font-size:120%;
    text-align:left;
    margin-left:15%;
    margin-right:10%;
}
#bigtext {
    font-size:150%;
    text-align:left;
    margin-left:15%;
    margin-right:10%;
}


label {display:block;}

textarea { display:block;}

footer {
    font-size:200%;
    clear:both;
    text-align:center;
    background-color:black;
    opacity:0.8;
    border-style:none;
    color:rgb(150,200,150);
    line-height:50px;
    height:60px;
    position: fixed; bottom: 00px;
    width:100%;
}