body,html{
    width:100%;
    height:100%
}

body{
    font-family:Merriweather,'Helvetica Neue',Arial,sans-serif
}

#mainNav{
    border-bottom:1px solid rgba(33,37,41,.1);
    background-color:#fff;
    font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    transition:all .2s
}

#mainNav .navbar-brand{
    font-weight:700;
    text-transform:uppercase;
    color:#A4A280;
    font-family:'Open Sans','Helvetica Neue',Arial,sans-serif
}

#mainNav .navbar-brand:focus,
#mainNav .navbar-brand:hover{
    color:#A4A280
}

#mainNav .navbar-nav>li.nav-item>a.nav-link,
#mainNav .navbar-nav>li.nav-item>a.nav-link:focus{
    font-size:.9rem;
    font-weight:700;
    text-transform:uppercase;
    color:#212529
}

#mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,
#mainNav .navbar-nav>li.nav-item>a.nav-link:hover{
    color:#A4A280
}

#mainNav .navbar-nav>li.nav-item>a.nav-link.active,
#mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active{
    color:#A4A280!important;
    background-color:transparent
}

#mainNav .navbar-nav>li.nav-item>a.nav-link.active:hover,
#mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active:hover{
    background-color:transparent
}

@media (min-width:992px){
    #mainNav{
        border-color:transparent;
        background-color:transparent
    }

    #mainNav .navbar-brand{
        color:rgba(255,255,255,.7)
    }

    #mainNav .navbar-brand:focus,
    #mainNav .navbar-brand:hover{
        color:#fff
    }

    #mainNav .navbar-nav>li.nav-item>a.nav-link{
        padding:.5rem 1rem
    }

    #mainNav .navbar-nav>li.nav-item>a.nav-link,
    #mainNav .navbar-nav>li.nav-item>a.nav-link:focus{
        color:rgba(255,255,255,.7)
    }

    #mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,
    #mainNav .navbar-nav>li.nav-item>a.nav-link:hover{
        color:#fff
    }

    #mainNav.navbar-shrink{
        border-bottom:1px solid rgba(33,37,41,.1);
        background-color:#fff
    }

    #mainNav.navbar-shrink .navbar-brand{
        color:#A4A280
    }

    #mainNav.navbar-shrink .navbar-brand:focus,
    #mainNav.navbar-shrink .navbar-brand:hover{
        color:#A4A280
    }

    #mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link,
    #mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus{
        color:#212529
    }

    #mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus:hover,
    #mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:hover{
        color:#A4A280
    }
}

.row {
    display: -ms-flexbox; /* IE10 */
    display: flex;
    -ms-flex-wrap: wrap; /* IE10 */
    flex-wrap: wrap;
    padding: 60px 4px 0;
}

/* Create four equal columns that sits next to each other */
.column {
    -ms-flex: 100%; /* IE10 */
    flex: 100%;
    max-width: 100%;
    padding: 0;
}

.column img {
    width: 100%;
    margin-top: 0;
    vertical-align: middle;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
    .row{
        padding-top: 0;
    }
    .column {
        -ms-flex: 50%;
        flex: 50%;
        max-width: 50%;
    }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
    .row{
        padding-top: 0;
    }
    .column {
        -ms-flex: 100%;
        flex: 100%;
        max-width: 100%;
    }
}

.copyright{
    font-size: 14px;
}

.list-inline-item a i{
    color: #787D65;
}

.list-inline-item a i:hover{
    color: #222222;
}


/* Back to Top */
#backtotop{z-index:999; display:inline-block; position:fixed; visibility:hidden; bottom:20px; right:20px; width:36px; height:36px; line-height:36px; font-size:16px; text-align:center; opacity:.2;}
#backtotop i{display:block; width:100%; height:100%; line-height:inherit;background-color: #787D65;color: #fff;}
#backtotop.visible{visibility:visible; opacity:.5;transition: 0.6s ease;}
#backtotop:hover{opacity:1;}