/**
 * @file
 * This file is used to style the 'card' block.
 */

  .block-type-card {
  display: flex;
  flex-direction: column;
  width: 35%;
  border: 2px  dashed #76A5AF;
  border-radius: 1em;
  padding: 1em;
  margin: 2em;
  align-items: center;
  align-content: bottom;
  float: left;
}

.block-type-card .block__title {
  margin: 0 0 0.5em 0;
  font-family: "Scope One", Georgia, serif, bold;
  font-size: 2em ;
  font-weight: 400;
  line-height: 1.2em;
  color: #722424;
  text-align: center;
}

@media screen and (max-width: 496px ) {
  .block-type-card  {
  display: block;
  flex-direction: column;
  border: 2px   #76A5AF;
  width: 80%;
  padding: 1em;
  margin: 2em;
  text-align: center;
  align-items: center;
  float: left;
  }
}