#case-section h1{

    font-weight: bold;

    text-align: center;

    padding: 5% 0 5% 0;

}



#case-section .card{

    padding: 0 2% 0 2%;

}



#case-section{

    padding-bottom: 5%;

}



.text-span{

    color: black;

}



.case-post-title {

    font-weight: 900;

}

.case-post-meta {

    font-weight: bold;

    font-size: 90%;

    color: black;

}



.case-post-content-title{

    font-weight: 900;

}



.case-post-content{

    font-size: 1.3rem;

    font-weight: 700;

}





/*  */



* {

    box-sizing: border-box;

  }

  

  

  /* Header/case Title */

  .header {

    padding: 30px;

    font-size: 40px;

    text-align: center;

    background: white;

  }

  

  /* Create two unequal columns that floats next to each other */

  /* Left column */

  .leftcolumn {

    float: left;

    width: 75%;

  }

  

  /* Right column */

  .rightcolumn {

    float: left;

    width: 25%;

    padding-left: 20px;

  }

  

  /* Fake image */

  .case-card-image {

    background-color: #aaa;

    width: 100%;

    padding: 20px;

  }

  

  /* Add a card effect for articles */

  .card {

    background-color: #f5efdc;

    padding: 20px;

    margin-top: 20px;

  }

  

  /* Clear floats after the columns */

  .row:after {

    content: "";

    display: table;

    clear: both;

  }



.case_image{

    width: 30%;

    height: auto;

}



.post-image {

    /* Ensure images don't exceed container width */

    max-width: 40%;

    height: auto;    

}

.post-image:hover{
  box-shadow: #fedf79 1px 1px 5px 5px;
  display:inline-block;
  text-decoration:none;
}



.post-link{

    text-decoration: none;

    color: black;

}



.post-link:hover{

    color: 	#fac852;

    text-shadow: black 2px 2px;

}





  

  /* Responsive layout - when the screen is less than 800px wide, make the two columns stack on top of each other instead of next to each other */

  @media screen and (max-width: 800px) {

    .leftcolumn, .rightcolumn {

      width: 100%;

      padding: 0;

    }

    .case_image{

        width: 75%;

        height: auto;

    }

    .post-image {

        /* Ensure images don't exceed container width */

        max-width: 75%;

        height: auto;    

    }   

    

  }