h2 {
	font-weight: 600;
}

.action-button {
	font-size: 2rem;
	height: 90px;
	background-color: white;
}

.Portfolio {
	object-fit: cover;
  object-position: 0 0;
  width: 100%;
  height: 50vw;
}

@media (min-width: 900px) {
  .Portfolio {
    height: 25vw;
  }
}

.block:hover {
  color: #f9de3e;
}

.block {
	padding: 0px;
	margin-top: 50px;
	color: black;
  text-decoration: none;
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.block:hover {
  box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}

.block div {
	padding: 15px;
    margin-top: -10px;
    /*background-color: #3b4e6a;*/
    background-color: #123c5d;
}

.block p {
    color: white;
}

.title-container {
	margin-bottom: .5em;
  padding-top: .5em;
}

.title-container p {
	color: #123c5d;
}

/* Definition Toggle Styling */

.definition .toggleIcon {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  font-size: 16px;
  line-height: 0;
  color: #df5b57;
  vertical-align: middle;
  background-color: #123c5d;
  border-radius: 50%;
  margin-left: 3px;
}

.definition .toggleIcon .inner {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 10px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 1em;
  height: 1em;
}

.definitionText {
  display: block;
  font-size: 14px;
  background-color: #123c5d;
  color: white;
  margin: 10px;
  padding: 10px;
}

.definitionText.hidden {
  display: none;
}

.center-text {
  text-align: center;
}