.blog-page .main-container .inner-container {
    max-width: none
}

.blog {
    display: flex;
    justify-content: center;
    padding: 6.25rem 0 9.1rem
}

@media screen and (max-width: 1024px) {
    .blog {
        padding:2.45rem 2rem 7rem
    }
}

.blog__container {
    flex: 0 1 133.8rem;
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.blog .heading {
    flex: 0 0 100%;
    text-align: center;
    color: #032449;
    text-transform: uppercase;
    font-size: 2.7rem;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    line-height: 1.22;
}

@media screen and (max-width: 1024px) {
    .blog .heading {
      font-size: 2rem;  
    }
}

@media screen and (max-width: 767px) {
    .blog .heading {
      font-size: 1.6rem;
      line-height: 1.19;  
    }
}

.blog form {
    margin: 5rem auto 5rem;
    flex: 0 0 100%;
    display: flex
}

@media screen and (max-width: 520px) {
    .blog form {
        margin:2rem auto 0
    }
}

.blog form input,.blog form select {
    padding: 10px;
    outline: none;
    border: none;
    background: transparent;
    border-bottom: 0.1875rem solid #0c344f;
    font: 600 1.8rem/2.8rem "Montserrat", sans-serif
}

@media screen and (max-width: 1024px) {
    .blog form input,.blog form select {
        font:600 1.6rem/2.8rem "Montserrat", sans-serif
    }
}

.blog form .text-input {
    flex: 0 1 calc(100% - 24.2rem)
}

.blog form .input-categories {
    flex: 0 1 24.2rem;
    margin: 0 0 0 1.5rem
}

.blog-items {
    margin: -5rem 0 0 -2rem;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap
}

@media screen and (max-width: 1024px) {
    .blog-items {
        margin:0
    }
}

.blog-item {
    flex: 0 1 calc((100%) / 3 - 2rem);
    margin: 5rem 0 0 2rem;
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #0c344f
}

@media screen and (max-width: 768px) {
    .blog-item {
        flex:0 0 100%;
        margin: 3rem 0 0 0
    }
}

.blog-item .image__container {
    width: 100%;
    height: 25rem
}

@media screen and (max-width: 1024px) {
    .blog-item .image__container {
        height:20rem
    }
}

.blog-item .image__container picture {
    display: inline;
}

.blog-item .image__container img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.blog-item .text__container {
    padding: 2.5rem 2.5rem calc(2.5rem + 6.2rem + 2.5rem);
    position: relative
}

.blog-item .text__container .heading {
    text-align: left;
    font: 600 3rem/3.8rem "Montserrat", sans-serif;
    color: #0c344f;
    text-align: center
}

@media screen and (max-width: 1024px) {
    .blog-item .text__container .heading {
        font:600 2rem/2rem "Montserrat", sans-serif
    }
}

.blog-item .text__container .paragraph {
    margin: 2.5rem 0 0 0;
    overflow: hidden;
    height: 11.2rem
}

@media screen and (max-width: 768px) {
    .blog-item .text__container .paragraph {
        height:unset;
        max-height: 11.2rem
    }
}

.blog-item .text__container .btn {
    position: absolute;
    bottom: 2.5rem;
    left: 2.5rem;
    margin: 2.5rem 0 0 0;
    font: 600 1.8rem/2.3rem "Montserrat", sans-serif;
    text-transform: uppercase;
    color: white;
    background: #7E6726;
    padding: 1.9rem 5.7rem 2rem;
    transition: all 250ms linear;
}

@media screen and (max-width: 1024px) {
    .blog-item .text__container .btn {
        font: 600 1.6rem/2rem "Montserrat", sans-serif;
        padding: 1.9rem 4.3rem 1.7rem
    }
}

.blog-item .text__container .btn:hover {
    background: #68541C
}

@media screen and (max-width: 1024px) {
    .blog-post {
        margin:2rem 0 0 0
    }
}

.blog-nav {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.blog-nav a {
    display: flex;
    align-items: center;
    color: #0c344f;
    font: 600 1.8rem/2.8rem "Montserrat", sans-serif
}

@media screen and (max-width: 1024px) {
    .blog-nav a {
        font:600 1.6rem/2.8rem "Montserrat", sans-serif
    }
}

.blog-nav a svg {
    height: 1.8rem;
    margin: 1rem
}

@media screen and (max-width: 1024px) {
    .blog-nav a svg {
        height:1.6rem;
        margin: 0.8rem
    }
}

.blog-nav a svg path {
    fill: #0c344f
}

.blog-header {
    text-align: center
}

.blog-header .date {
    font: 600 1.8rem/2.8rem "Montserrat", sans-serif
}

@media screen and (max-width: 1024px) {
    .blog-header .date {
        font:600 1.6rem/2.8rem "Montserrat", sans-serif
    }
}

.blog-content {
    margin: 3.5rem 0 0 0
}

.blog-content img,.blog-content video {
    max-width: 100%;
    height: auto
}

.blog-content iframe {
    max-width: 100%
}

.blog-share,.blog-footer {
    margin: 3.5rem 0 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    text-align: center
}

.blog-share h4,.blog-footer h4 {
    flex: 0 0 100%;
    color: #0c344f
}

.blog-share a,.blog-footer a {
    margin: 2rem 2rem 0;
    color: #0c344f;
    font: 600 1.8rem/2.8rem "Montserrat", sans-serif;
    display: flex;
    align-items: center
}

@media screen and (max-width: 1024px) {
    .blog-share a,.blog-footer a {
        font:600 1.6rem/2.8rem "Montserrat", sans-serif
    }
}

.blog-share a span,.blog-footer a span {
    margin: 0 1.5rem 0 0
}

.blog-share a svg,.blog-footer a svg {
    height: 2.5rem
}

@media screen and (max-width: 1024px) {
    .blog-share a svg,.blog-footer a svg {
        height:2.2rem
    }
}

.blog-share a svg path,.blog-footer a svg path {
    fill: #0c344f
}

.blog-footer svg {
    height: 2rem
}

.blog-footer a.icon-left span {
    margin: 0 0 0 1.5rem
}

.blog-post .blog-content p a {
  font-weight: 500;
  color: #B5963F;
}