html, body {
  margin: 0;
}
/*navbar logo sizing*/
.logo {
  width: 100%;
  
}

/* navbar box link size */
.navbox {
  width: 22%;
  
}

.navhead {
  width: 29.2%;
}

/* Add a black background color to the top navigation */
.navbar {
    
  overflow: hidden;
}

/* Style the links inside the navigation bar */
.navbar a {
  float: left;
  text-align: center;
  border: 2px solid rgba(106, 0, 173, 0.75); 
  background-color: rgba(255, 255, 255, 0.75);
  
}

/* Change the color of links on hover */
.navbar a:hover {
  background-color: rgba(128, 128, 128, 0.75);
  color: black;
}

/* background image */
body {
  background-image: url("https://raw.githubusercontent.com/anoriginaldevon/martin-mountaineer/refs/heads/main/background.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;

}

/* Start code for title page pictures */
.title-photos {
  width: 85%;
  display: block; 
  margin-left: auto;
  margin-right: auto;

}

.infonav {
  
  padding: 1%;
  width: 20%;
  float: left;
  list-style-type: none;
}
.infonav li {
  margin-bottom: 7px;
}

.infobody {
  
  width: 60%;
  margin-left: 25%;
  
}

.infonav a:hover {
  background-color: rgba(255, 255, 255, 0.5);
  color: black;
}
.subpage {
  width: 90%;
  display: block; 
  margin-left: auto;
  margin-right: auto;
  background-color: rgba(255, 255, 255, 0.75);
  padding-top: 1%;
  padding-bottom: 100%;
}

.slogan {
  display: block;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding-top: .5%;
  padding-bottom: .5%;
  background-color: rgba(255, 255, 255, 0.75);
}


.footnav {
  background-color: rgba(106, 0, 173, 1);
  overflow: hidden;
  color:#f2f2f2;
  text-align: center;
}

.leftfoot {
  float: left;
  padding: 1%;
  margin-left: 2%;
}

.rightfoot {
  float: right;
  padding: 1%;
  margin-right: 2%;
}