section .container {
  max-width: 1260px; }

section#main {
  padding-bottom: 80px; }
  section#main .container > h2 {
    text-align: center;
    margin: 0 auto 50px; }
  section#main .image {
    padding-bottom: 50%;
    max-height: 665px; }
  section#main h1 {
    font-weight: 200;
    color: #5a5a59;
    text-align: center;
    margin: 40px 0 30px;
    line-height: 1;
    font-weight: 200; }
  section#main h2 {
    font-family: "Libre Baskerville", serif;
    font-style: italic;
    font-size: 28px;
    max-width: 960px;
    line-height: 1.5; }
  section#main .row main {
    width: 61%;
    padding-right: 30px; }
    section#main .row main:last-child {
      width: auto;
      padding: 0; }
  section#main .row aside {
    color: #5a5a59;
    width: 39%; }
    section#main .row aside .image {
      padding-bottom: 100%; }
    section#main .row aside .content {
      margin: 30px 30px 0; }
    section#main .row aside h3 {
      color: #5a5a59;
      font-family: "golden_plainsregular";
      font-size: 38px;
      font-weight: 400;
      margin: 30px 0 20px; }
    section#main .row aside p {
      font-size: 16px; }

section#posts .container:before {
  content: "";
  display: block;
  height: 1px;
  background: #a8811e; }
section#posts .posts {
  margin: 10px -50px 5px;
  width: auto; }
  section#posts .posts .post {
    width: 33.333%;
    padding: 50px; }
    section#posts .posts .post article {
      align-items: flex-start;
      height: 100%; }
      section#posts .posts .post article:hover .image {
        filter: brightness(1.1); }
      section#posts .posts .post article .image {
        width: 100%;
        padding-bottom: 80%;
        transition: all 0.1s ease-out; }
      section#posts .posts .post article h3 {
        font-family: "Libre Baskerville", serif;
        color: #5a5a59;
        font-weight: 400;
        font-size: 26px;
        line-height: 1.2;
        margin: 20px 0 5px; }
      section#posts .posts .post article p {
        color: #5a5a59;
        font-size: 14px;
        margin: 0 0 20px;
        max-height: 60px; }
      section#posts .posts .post article .btn {
        margin-top: auto; }

@media (max-width: 1400px) {
  section#main h2 {
    font-size: 26px; }
  section#main .container > h2 {
    margin: 0 auto 40px; }

  section#posts .posts {
    margin: 10px 0px 5px;
    padding: 10px; }
    section#posts .posts .post {
      padding: 25px; } }
@media (max-width: 1200px) {
  section#main {
    padding-bottom: 60px; }
    section#main h1 {
      margin: 30px 0 25px; }
    section#main h2 {
      font-size: 24px; }
    section#main .container > h2 {
      margin: 0 auto 35px; }
    section#main .container {
      padding: 0 10%; }
    section#main .image-container {
      max-width: unset;
      padding: 0; }
    section#main .row main {
      width: 100%;
      padding: 0 0 50px; }
    section#main .row aside {
      padding: 15px;
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      width: 100%;
      background: #f8f5ed; }
      section#main .row aside .image {
        width: 230px;
        padding-bottom: 245px; }
      section#main .row aside .content {
        width: calc(100% - 230px);
        margin: 0;
        padding: 0 0 0 20px; }
        section#main .row aside .content > * {
          margin-top: 0; }

  section#posts .posts {
    margin: 0;
    padding: 10px 0; }
    section#posts .posts .post {
      padding: 30px; }
      section#posts .posts .post article h3 {
        font-size: 24px; } }
@media (max-width: 1024px) {
  section#main {
    padding-bottom: 30px; }
    section#main h1 {
      margin: 25px 0 20px; }
    section#main h2 {
      font-size: 22px; }
    section#main .container > h2 {
      margin: 0 auto 30px; }

  section#posts .posts {
    margin: 0 -10px;
    padding: 20px 0; }
    section#posts .posts .post {
      padding: 10px; }
      section#posts .posts .post article h3 {
        font-size: 22px; } }
@media (max-width: 900px) {
  section#main h1 {
    margin: 25px 0 15px; }
  section#main h2 {
    font-size: 20px; } }
@media (max-width: 768px) {
  section#main h2 {
    font-size: 18px; }
  section#main .container {
    padding: 0 20px; }
  section#main .image-container {
    padding: 0; }
  section#main .row aside {
    flex-direction: column;
    padding: 0; }
    section#main .row aside .image {
      width: 100%;
      padding-bottom: 50%;
      background-position: top 25% center; }
    section#main .row aside .content {
      width: 100%;
      margin: 0;
      padding: 20px; }

  section#posts .posts .post {
    width: 100%; }
    section#posts .posts .post article {
      min-height: 170px; }
      section#posts .posts .post article .image {
        width: 225px;
        height: 100%;
        padding: 0; }
      section#posts .posts .post article .info {
        flex: 1;
        padding: 0 0 0 25px;
        width: calc(100% - 225px);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start; }
        section#posts .posts .post article .info h3 {
          margin: 0px 0 5px; }
        section#posts .posts .post article .info p {
          margin: 0 0 10px; }
        section#posts .posts .post article .info .btn {
          margin: 0; } }
@media (max-width: 650px) {
  section#posts .posts .post article {
    min-height: 150px; }
    section#posts .posts .post article .image {
      width: 190px; }
    section#posts .posts .post article .info {
      padding: 0 0 0 20px;
      width: calc(100% - 190px); }
      section#posts .posts .post article .info p {
        font-size: 13px; } }
@media (max-width: 600px) {
  section#main .image {
    padding-bottom: 60%; }
  section#main h1 {
    margin: 25px 0 10px; }
  section#main h2 {
    font-size: 17px; } }
@media (max-width: 500px) {
  section#main .container > h2 {
    font-size: 16px; }

  section#posts .posts .post article {
    min-height: 150px; }
    section#posts .posts .post article .image {
      width: 100%;
      height: auto;
      padding-bottom: 60%; }
    section#posts .posts .post article .info {
      padding: 15px 0 10px 0;
      width: auto; }
      section#posts .posts .post article .info h3 {
        margin: 0 0 6px; }
      section#posts .posts .post article .info p {
        margin-bottom: 12px; } }
@media (max-width: 400px) {
  section#main .image {
    padding-bottom: 65%; } }

/*# sourceMappingURL=post.css.map */