.brand {
 width: 100%;
 overflow: hiden;
 background-color: black;
 img{
  height: 300px; 
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
 }
 p{
  text-align: center;
  color: rgb(150,150,150);
  font-size: 1.7rem;
  margin-top: 40px;
  margin-bottom: 40px;
 }
}

.card {
 background-color: rgb(33,39,43);
 margin-bottom: 28px;
 padding: 0px 30px 30px 30px;
 border-radius: 8px;
 width: 85%;
 /* max-width: 90%; */
 max-width: 1650px;
 position: relative;
 left: 50%;
 transform: translateX(-50%);
 h1{
  color: white;
  margin-top: 18px;
 };
 h2{
  color: rgba(250,250,250,1);
  margin-top: 18px;
 };

 img{
    object-fit: contain;
    max-width: 95%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    /* filter: drop-shadow(1px 1px 3px black) drop-shadow(2px 3px 2px #a89b9c); */
    filter: drop-shadow(1px 1px 3px black);
 };
}

.card_title {
 margin-left: auto;
 margin-right: auto;
 margin-bottom: -20px;
 display: flex;
 grid-template-columns: 1fr 1fr;
 gap: 10px;
 justify-content: space-between;
 align-items: space-between;
 flex-direction: start;
}

.card_details {
 background-color: rgb(200,200,200);
 padding: 8px;
 margin-top: -8px;
 border-radius: 3px;
 display: flex;
 grid-template-columns: 1fr 1fr;
 gap: 30px;
 justify-content: space-between;
 /* align-items: center; */
}

.card_narrative {
 max-width: 70%;
 text-align: justify;
 padding-left: 20px;
}

.card_info_cta {
 display: flex;
 grid-template-rows: 1fr 1fr;
 gap: 10px;
 justify-content: space-between;
 flex-direction: column;
 text-align: right;
 padding-right: 20px;
 
 h3{ padding: 0px; margin 0px; }
}

.card_info {
 display: inline;
}