/* Colours */
/* Fluid heading sizes - set your min/max sizes and you're done! */
/* Some device sizes to use with min-width */
/* adjusted breakpoints for above */
/* 100% widths look better than "Snapping" IMO */
/* Utility */
/* Additional Spacers -- don't think you'll need more than 7, but if you do -- maybe just use a custom class  :)  */
#sec-intro {
  padding-top: 61px; }
  #sec-intro::before {
    position: absolute;
    inset: 0;
    background-color: #F5F5F5;
    height: 60px;
    top: unset;
    content: '';
    z-index: -1; }
  #sec-intro h2 {
    margin: 25px 0; }

#sec-posts {
  padding: 60px 0 90px;
  background-color: #F5F5F5; }
  #sec-posts .card {
    box-shadow: 0px 0px 6px #00000029;
    border: 4px solid #F5F5F5;
    border-radius: 10px;
    background-color: #FFFFFF; }
    #sec-posts .card .img-wrap {
      width: 100%;
      height: 231px; }
      #sec-posts .card .img-wrap picture,
      #sec-posts .card .img-wrap img {
        max-height: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        object-fit: cover;
        object-position: center; }
    #sec-posts .card .card-body {
      padding: 33px 27px; }
      #sec-posts .card .card-body h4 {
        margin: 19px 0; }
        #sec-posts .card .card-body h4 a {
          color: #494848; }
          #sec-posts .card .card-body h4 a:hover {
            color: #76D0EA; }
    #sec-posts .card a {
      font-weight: 500;
      color: #76D0EA; }
      #sec-posts .card a:hover {
        color: #494848; }
    #sec-posts .card .entry-meta span {
      color: #494848;
      font-weight: 500;
      font-size: 16px; }
  @media screen and (min-width: 1025px) {
    #sec-posts {
      padding: 74px 0 130px; } }