/* Use this page to change anything you don't like about the formatting! */

/*to change the alignment, padding or text on the navigation bar. */
.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 45rem;
    font-size: 1.25rem;
    line-height: inherit;
  position: relative;
    white-space: nowrap;
}

.homebtn{
  position: fixed;
}

.navbar a {
  float: left;
  font-size: 20px;
  color: grey;
  text-align: left;
  padding: 14px 16px;
  text-decoration: none;
}

/*to control the right side of the navbarand the dropdown*/

li ul{
    display:none;
  color: grey;
  list-style: none;
  position: relative;
}

li:hover ul{
    display:inline-block;
  position: absolute;
   background-color: white;
   padding-left: 2px;
   
}

/*this controls the size of the images in galleries*/
div.figure {
  float: center;
  width: 30%;
  text-align: center;
  font-style: italic;
  font-size: 10px;
  text-indent: 0;
  border: none;
  margin: 0.5em;
  padding: 0.5em;
}


/*formatting for the landscape and holes links on their relative pages. you can delete this if you get of rid of the links*/
.landscape{
	font-style: bold;
	text-align: right;
	float: right;
	padding-right: 200;
	
}
.holes{
	font-style: bold;
	text-align: left;
	float: left;
	padding-left: 200;
}

.page-caption{
	text-align: center;
	font-style: italic;
}

a{
	color: grey;
}

footer {
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 30px;
  text-align: center;
  font-style: italic;
}

/*to change the alignment, padding or text on the headings. */
h1{
	text-align: center;
	padding-top:35px; 
	padding-bottom: 20px;
}

h2{
	padding: 20px;
	text-align: center;
}

h3{
	padding: 30px;
}

div {

  padding-left: 30px;
  overflow: visible;
}



.center{
	display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
  padding-bottom: 10px;
}

img {
  
  margin-left: auto;
  margin-right: auto;
  
}
.dropdown {
  float: left;
  overflow: clip;
}

.dropdown .dropbtn {
  font-size: 20px;  
  border: none;
  outline: none;
  color: grey;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: light blue;
  padding: 14px 16px;

  position: unset;
 
}



.dropdown-content a {
  float: none;
 position: absolute;
  color: light blue;
  padding: 10px;
  min-width: 30;
  display: block;
 
}

.dropdown-content a:hover {
  background-color: lightblue;
 
}



p{
	 
  margin-left: auto;
  margin-right: auto;
  width: 85%;
  font-size: 15px;
  padding-bottom: 10px;
  padding-top: 10px;
}