#blogcards {
    height: 35em; 
    overflow-y: scroll;
  }
  

  .month {
height: 12em;
width: 100%; 
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
align-content: flex-start;

   margin-bottom: 1em;   
  }
  
  .monthtitle {
    height: 2em;
    width: 100%;  
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    text-decoration: underline;  
    font-size: 1.5em;
	 
   
  }
  
  .weekofmonth {
    height: 10em; 
   width: 45%;

  }

  .weeksubject {
   width: 100%;
    height: 0;
   
  }
 
  .weekteaser{
   width: 100%; 
    height: 8em;
	  
  }
    
  .readmore {
   width: 100%; 
	  
    height: 2em;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
  }

.readmoreblogcontent{
	display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
align-content: flex-start;
	
	width: 100%; 
}
  .readmore button{
    width: 100%; 
    height: 100%; 
  }


  @media (max-width: 767px) {
    .month {
      width: 100%;
		height:60%;
		display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start;
		
    }
	    .weekofmonth {
height: 50%; 
   width: 100%; 
			padding-top:0.5em; 
			margin-bottom: 1em; 
			display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
align-content: flex-start;
  }
	  
	  .monthtitle {
	  margin-top: 2em; }
  }