body{
  font: 16px/26px 'Lora', sans-serif;
  color: #777;
 
}
.title2{margin-bottom:25px;}
/*h1,h2,h3,h4,h5,h6{
  font-family: "Open Sans", sans-serif;
  color: #d98b3c;
  line-height: 1.25em;
  font-weight: 300;
  letter-spacing: 3px
}*/
h1,h2,h3,h4,h5,h6{
  font-family: "Open Sans", sans-serif;
  color: #2f8c92;
  font-size:24px!important;
  line-height: 1.25em;
  font-weight: normal;
  margin-bottom:13px;
  margin-top:13px;
  letter-spacing: 3px;

}

#mycontent h1, h2, h3, h4, h5, h6 {
    font-family: "Open Sans", sans-serif;
    color: #2f8c92;
    line-height: 1.25em;
    font-weight: 400;
    letter-spacing: 3px;
}

#mycontent h5:not(:last-child) {
    margin-top: 13px!important;
    margin-bottom: 13px!important;
}

#mycontent p:not(:last-child) {
    margin-bottom: 28px;
}

h5:not(:last-child) {
    margin-top: 13px!important;
    margin-bottom: 13px!important;
}

.social-icons h5:not(:last-child) {
    margin-top: 13px!important;
    margin-bottom: 13px!important;
}
.main-footer p{margin-top:20px;}


.social-icons.style-2 > li {
    padding: 15px 15px 0;
}
.social-icons.style-2 {
    margin: 20px;
}
.social-icons{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    margin-right: 15px!important;
}

#mycontent h5 {
    font-size: 24px !important;
    line-height: 28px !important;
    /*font-weight: 600 !important;*/
}

.page-banner{
  font-family: "Open Sans", sans-serif;
  font-size: 3.5rem!important;
  color: #575151;
  font-style: italic;
  line-height: 1.25em;
  font-weight: normal;
}

.trans-left-col{
  position: relative;
  left:20px;
  bottom:0;
  width:100%;
  transform: translateY(-20%);
}
.trans-right-col{
  position: relative;
  right:20px;
  bottom:-20%;
  width:100%;
  transform: translateY(20%);
}

#mycontent ul{list-style-type: none;  margin:0 0 25px 25px;}

#mycontent ul li::before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url('https://test.steadfastwellness.ca/myimages/list-icon.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px;
  vertical-align: middle;
}

.btn {
    padding: 7px 30px;
    display: inline-block;
    font-size: 13px;
    border-radius: 3px;
    text-transform: uppercase;
    background: transparent;
    color: #565656;
    white-space: nowrap;
    text-align: center;
    line-height: 24px;
    letter-spacing: 0.5px;
}


[class*="btn"]:not(.btn-small).btn-style-5{
    background: #99cec4;
    color: #fff;
    border-color: #99cec4;
  }

  [class*="btn"].btn-style-5.btn-small{
    color: #b01933;
  }

  [class*="btn"]:not(.btn-small).btn-style-5:hover{
    background: #2f8c92;
    border-color: #2f8c92;
  }

[class*="btn"]:not(.btn-small).btn-style-3{
    color: #8f8e8c;
    border-color: #c9c9c9;
  }

  [class*="btn"]:not(.btn-small).btn-style-3:hover{
    border-color: #8f8e8c;
  }

 [class*="btn"]:not(.btn-small).btn-style-4{
    background: #8f8e8c;
    color: #fff;
    border-color: #8f8e8c;
  }

  [class*="btn"].btn-style-4.btn-small{
    color: #8f8e8c;
  }

  [class*="btn"]:not(.btn-small).btn-style-4:hover{
    background: #565656;
    border-color: #565656;
  }

  [class*="btn"]:not(.btn-small).btn-style-7{
    color: #fff;
    border-color: #000!important;
    background-color:rgba(0,0,0, 0.7) 
  }

  [class*="btn"]:not(.btn-small).btn-style-7:hover{
    border-color: #fff;
  }

  [class*="btn"].btn-style-7.btn-small{
    color: #c9c9c9;
  }



 /* Custom Masonry using CSS columns */
    .masonry {
      column-count: 1;
      column-gap: 1rem;
    }

    .masonry-item {
      break-inside: avoid;
      margin-bottom: 1rem;
    }

    @media (max-width: 1280px) {
      .masonry { column-count: 1; }
    }

    @media (max-width: 768px) {
      .masonry { column-count: 1; }
    }

    @media (max-width: 640px) {
      .masonry { column-count: 1; }
    }