@media (max-width: 767.98px) {
    
    .header__heading-1--bp {
        font-size: 3rem !important;
    }
    
    .menu__row {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
}

@media (min-width: 768px) and (max-width: 991.98px) {
    
    .header__heading-1--bp {
        font-size: 3rem !important;
    }
    
    .tc-1 {
        width: 10%;
    }

    .tc-2 {
        width: auto;
    }
    
    .tc-3, .tc-4, .tc-5 {
        width: 15%;
    }
    
}

@media (max-width: 991.98px) {
    
    .header {
        background-color: #371c14;
        height: 230px;
        width: 100%;
        position: relative;
    }

}

@media (min-width: 992px) {

    .header {
        background-color: #371c14;
        height: 330px;
        width: 100%;
        position: relative;
    }
    
    
    .tc-1 {
        width: 10%;
    }

    .tc-2 {
        width: auto;
    }
    
    .tc-3, .tc-4, .tc-5 {
        width: 11%;
    }
    
}

.header__inner {
    width: 100%;
    position: absolute;
    top: 60%;
    transform: translateY(-40%);
    z-index: 2;
}

.header__heading-1 {
    color: #ffffff;
}

.header__heading-1--bp {
    text-transform: inherit !important;
}

.content {
    background-color: #ffffff;
}

.content--padding {
    padding: 70px 0;
}

.content h2 {
    color: #371c14;
}

.content__heading-2 {
    padding-bottom: 20px;
    position: relative;
}

.content h3 {
    color: #371c14;
}

.content__heading-3 {
    font-family: 'Cormorant', serif;
    font-optical-sizing: auto;
    font-size: 3.2rem !important;
    font-weight: 400;
    text-transform: uppercase;
}

.content p {
    font-size: 1.6rem;
    color: #695c56;
}

.content p a, .content p a:focus {
    color: inherit;
    text-decoration: none;
}

.content p a:hover {
    color: #e5b34c;
}

.content ol, section ul {
    margin: 16px 0;
    padding: 0;
}

.content ol li {
    margin: 0 0 6px 17px;
    padding: 0 0 0 4px;
    color: #695c56;
    position: relative;
}

.content ul li {
    margin: 0 0 6px 12px;
    padding: 0 0 0 8px;
    color: #695c56;
    list-style-type: none;
    position: relative;
}

.content ul li:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: 0.7rem;
    font-weight: bold;
    color: #e5b34c;
    text-decoration: inherit;
    content: '\f111';
    position: absolute;
    top: 1px;
    left: -12px;
}

.content ul a, .content ul a:focus {
    color: inherit;
    text-decoration: none;
}

.content ul a:hover {
    color: #e5b34c;
}

.content__image {
    height: auto;
    max-width: 100%;
}

.blog__box, .gallery__box {
    position: relative;
}

.blog__image, .gallery__image {
    background-color: #ffffff;
    height: auto;
    max-width: 100%;
    border-radius: 50%;
}

.blog__box:after, .gallery__box:after {
    border: 8px solid #ffffff;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    opacity: 0.4;
    content: '';
}

.blog__heading-3, .gallery__heading-3 {
    color: #371c14;
}

.table--custom {
    width: 100%;
    font-family: 'Mulish', sans-serif;
    font-optical-sizing: auto;
    font-size: 1.6rem;
    font-weight: 400;
    color: #695c56;
    line-height: 2.6rem;
    border: none;
    border-collapse: collapse;
    table-layout: auto;
    display: table;
}

.table--custom th, .table--custom td {
    padding: 10px;
    max-width: 0px;
    border: none;
    vertical-align: top;
    display: table-cell;
}

.table--custom > thead > tr > th {
    font-weight: 400;
    border-bottom: none;
}

.table--custom p {
    margin: 5px 0;
    color: #695c56;
    text-align: inherit !important;
}

.table--custom tbody tr:nth-child(even) { background-color: transparent; }
.table--custom tbody tr:nth-child(odd) { background-color: #f9f8f7; }

.menu__row:nth-child(even) { background-color: #f9f8f7; }
.menu__row:nth-child(odd) { background-color: transparent; }

.menu__box--2:after {
    border: 4px solid #ffffff;
}

img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }