.section {
    padding: 2rem 0;
  }
/* ==================== */
/* Grid
/* ==================== */

.row{
    display: flex!important;
    flex-direction: column;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
  
  }
  
  .row-invert{
    display: flex!important;
    flex-direction: column-reverse;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
  
  }
  
  .col-2, .col-3, .col-4, .col-2-small, .col-2-big, .col-2-no-space{
    width: 100%;
  }
  
  .col-4{
    padding: 15px 0;
  }
  
  .vertical_center{
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  
  @media (min-width: 768px){
  
    .row, .row-invert{
      flex-direction: row;
    }
  
    .col-4{
      width: 48.5%;
    }
  
  }
  
  @media (min-width: 1024px){
  
    .row, .row-invert{
      flex-direction: row;
    }
  
    .col-2{
      width: 48.5%;
    }
  
    .col-2-small{
      width: 31.5%;
    }
  
    .col-2-big{
      width: 64.5%;
    }
  
    .col-2-no-space{
      width: 50%;
    }
  
    .col-3{
      width: 31.5%;
    }
  
    .col-4{
      width: 23.5%;
    }
  
  }

/* ==================== */
/* Content Cards
/* ==================== */

.main_card{
    background-color: white;
  }
  
  .blog_list_card{
    margin: 15px 0;  
  }
  
  .main_card_text{
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
  }
  
  .main_card_text h2:first-of-type{
    margin-top: 0;
  }
  
  .main_card_text h2{
    color: black;
    line-height: 32px;
    font-size: 32px;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  
  .main_card_text p{
    margin: 10px 0;
  }
  
  .main_card_image{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--brand-main);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  
  .main_card_image img{
    max-height: 250px;
  }
  
  .main_card_text .site-btn{
    margin-top: 20px;
    align-self: flex-start;
  }
  
  .book_list_row{
    justify-content: flex-start;
  
  }

  /* ==================== */
/* Blog
/* ==================== */

.blog_card{
    background-color: white;
  }
  
  .blog_card img{
    width: 100%!important;
  }
  
  .blog_body{
    padding: 30px;
  }