
blockquote {
  font-size: 18px;
  line-height: 1.2em;
  font-weight: 300;
  letter-spacing: .05em;
  margin: 0px 60px 0px 60px;
  padding: 30px 30px 30px 80px;
  color: #fff;
  border-left: 8px solid #fcab08;
  border-right: 8px solid #fcab08;
  background: #3689b1 url(https://s3.amazonaws.com/content.accelerate-ed.com/Secondary/docs/Marine_Science/icons/quote.png) no-repeat 15px 15px;
}

blockquote p {
  margin: 0;
}

.section_heading {
  display: flex; 
  align-items: flex-start; 
  justify-content: flex-start;
  flex-direction: row;
  background-color: #9db0ba;
  z-index: 5;
  margin: 50px 0px;
}

.heading {
  background-color: white; 
  padding: 0px 10px; 
  display: flex; 
  align-items: center; 
  justify-content: center; 
  flex-direction: row; 
  z-index: 15; 
  margin: -20px 50px; 
  border-left: 3px solid #046b9e;
  border-right: 3px solid #046b9e;
}

.heading h2 {
  padding-right: 15px;
}

.section_icon {
  margin: 10px 15px 10px 0px; 
  width: 60px;
  flex-shrink: 0;
}

.big_picture {
  width: 100%; 
  max-width: 950px; 
  margin: 10px 5px 20px 5px; 
  padding: 5px; 
  background-color: #fcab08; 
  box-shadow: 3px 3px 3px #aaa;
}

.picture {
  margin: 10px; 
  padding: 5px; 
  background-color: #fcab08; 
  box-shadow: 3px 3px 3px #aaa;
}

.intro_text {
  border-left: 5px solid #9db0ba; 
  padding-left: 10px;
}

.flashcards_elem {
  border-radius: 5px; 
  background-color: #000c66; 
  background-image: url(https://s3.amazonaws.com/content.accelerate-ed.com/Secondary/docs/Marine_Science/images/shutterstock_582300589.jpg);
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 25px; 
  border-top: 5px solid #fcab08;
  z-index: 50;
}

.reflection_question {
  background-color: #cde1ec; 
  margin: 15px; 
  padding: 20px 40px; 
  border-radius: 5px; 
  border-left: 5px solid #fcab08; 
  border-right: 5px solid #fcab08;
}

.web_link {
  padding: 10px 15px; 
  width: 300px;
  margin: 15px; 
  background-color: #046b9e; 
  border-radius: 5px; 
  box-shadow: 3px 3px 3px #333; 
  border: none;
}

.web_link:hover {
  box-shadow: 1px 1px 3px #bbb;
  background-color: #046290;
}
