/*TYPOGRAPHY & BASICS*/


h1, h2, h3, h4, h5, h6  {
    font-family: "Open Sans", Arial;
    font-weight:700;
}

p, a, li  {
    font-family: "Open Sans", Arial;
}

img {
    width: 100%;
    height: auto;
}

/*MENU*/

.site-logo {
    width: 100%;
    height: auto;
}

nav {
    background-color: #053D13;
    padding: 20px 0;
}

.nav-hide {
    top: -200px;
}

nav ul {
    background-color: transparent;
}

.menu-bar .row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

nav ul li a {
    color:#fff;
    font-weight:700;
    font-size:15px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

nav ul li a:hover {
    background-color:transparent;
    color:#fff;
    opacity:0.8
}

/*END MENU*/

/*BODY*/
.main-list {
    padding-top:40px;
}

.main-bottom {
    padding-top:40px;
    padding-bottom:60px;
}
/*END BODY*/

/*FOOTER*/
.footer {
    clear: both;
    position: relative;
    padding:120px 0;
    
}

.footer h2, .footer h2 a {
    font-weight: 700;
    color: #f25b3a!important;
    text-shadow: 0em 0.1em 0.1em rgba(0,0,0,0.4);
    font-size:26px;
    text-decoration:none;
    margin-bottom:10px;
}

.footer p {
    font-size:14px;
    color:#fff;
    line-height:24px;
    font-weight:700;
    text-shadow: 0em 0.1em 0.1em rgba(0,0,0,0.4);
}

.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.bottom-bar {
    background-color:#053d13;
}

.bottom-bar .row {
    max-width: 1080px;
    margin: 0 auto;
    padding:10px 0;
}

.bottom-bar .column {
    display: flex;
    justify-content: space-between;
}

.bottom-bar .column span {
    color:#a0a0a0;
}

/*END FOOTER*/


/*MOBILE*/
/* Larger than mobile */


@media (max-width: 400px) {
    

    nav {
        position: absolute;}

    .site-logo {
        width:70%;
        margin:0 auto;
    }    

    .menu-bar .one-third.column, .menu-bar .one-third.column a {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .menu-bar ul.u-pull-right {
        float: none;
    }

    .menu-bar .row {
        flex-direction: column;
    }

    nav ul li.icon {
        float: right;
        display: inline-block;
    }

    nav.mobile ul li.icon {
        position: absolute;
        right: 0;
        top: 77px;
    }

    .container.main {
        padding-top:120px
    }

    .bottom-bar .column {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        padding: 0 20px;
    }

}


@media (min-width: 400px) and (max-width: 550px) {
    

    nav {
        position: absolute;}

    .site-logo {
        width:70%;
        margin:0 auto;
    }    

    .menu-bar .one-third.column, .menu-bar .one-third.column a {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .menu-bar ul.u-pull-right {
        float: none;
    }

    .menu-bar .row {
        flex-direction: column;
    }

    nav ul li.icon {
        float: right;
        display: inline-block;
    }

    nav.mobile ul li.icon {
        position: absolute;
        right: 0;
        top: 77px;
    }

    .container.main {
        padding-top:120px
    }

    .bottom-bar .column {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        padding: 0 20px;
    }

}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {}

/* Larger than tablet */
@media (min-width: 750px) {}

/* Larger than desktop */
@media (min-width: 1000px) {}

/* Larger than Desktop HD */
@media (min-width: 1200px) {}