/* All the extra CSS for the Expanded Introduction */

#expanded-introduction-box {
  max-width: 100%;
  }

p.expanded-introduction-box {
  max-width: 75%;
  margin-left: auto;
  margin-right: auto;
  }
  
.expanded-introduction-large-photo {
	  max-width: 98%;
}
	
.expanded-introduction-tiled-photo-box {
  display: inline-block;
  max-width: 48%;
  }

.expanded-introduction-tiled-photo {
  display: inline-block;
  margin: 0.5%;
  max-width: 98%;
  }
  
.expanded-introduction-tiled-photo-title {
  font-size: 1.15em;
  margin-left: auto;
  margin-right: auto;
  max-width: 90%;
  }
  
#expanded-introduction-button {
  background-color: transparent;
  border-style: solid;
  border-width: 2px;
  border-color: rgba(0, 0, 0, 0.0);
  color: white;
  border-radius: 8px; /* Media Queries to adjust size */
  font-size: 1.50em;
  margin: 0% 2%;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}

#expanded-introduction-button:hover {
  border-color: white;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.4);
}

#expanded-introduction-button:active {
  border-color: rgba(0, 0, 0, 0.0);
}