body {
    font-size: 16px;
    font-family: 'Myriad Pro'
}

nav {
    background: rgba(0, 0, 0, 0);
    position: absolute;
    top: 0;
    z-index: 500
}

.top-nav ul {
    padding: 0
}

li.logo {
    margin: 0;
    text-align: center;
    width: 100%
}

.top-nav,
nav ul li ul li {
    text-align: left
}

.top-nav a {
    font-size: .9em;
    text-transform: uppercase
}

.top-nav li.logo a,
.top-nav li.logo.active-item a {
    background: #2fcbe0;
    font-size: 1.4em;
    font-weight: 400;
    line-height: 1em
}

.top-nav li.logo a strong {
    font-size: 1.05em;
    font-weight: 800
}

.top-nav .active,
.top-nav a:hover {
    color: #55491d
}

.top-nav li ul li a {
    color: #fff
}

@media screen and (max-width:800px) {
    nav {
        position: relative
    }

    .top-nav {
        text-align: left
    }

    .carousel-text h2 {
        font-size: 1.3em
    }

    .carousel-text p {
        font-size: 1em
    }

    ul.top-ul {
        padding: 0
    }

    ul.top-ul .right {
        float: none
    }
}