.toggle,
[id^=drop] {
        display: none;
}

nav:after {
        content: "";
        display: table;
        clear: both;
}

nav ul {
        float: left;
        padding: 0;
        margin: 0;
        list-style: none;
        position: relative;
}


nav a {
        display: block;
        padding: 0 20px;
        color: #FFF;
        font-size: 20px;
        /* <!-- line-height: 60px; --> */
        text-decoration: none;
}

nav ul li:hover>ul {
        display: inherit;
}

nav ul ul li {
        float: none;
        display: list-item;
        position: relative;
}

nav ul ul ul {
        position: relative;
        top: -60px;
        left: 170px;
}



li>a:only-child:after {
        content: '';
}


/* Media Queries
--------------------------------------------- */

@media all and (max-width : 768px) {

        #logo {
                display: block;
                padding: 0;
                width: 100%;
                text-align: center;
                float: none;
        }

        nav {
                margin: 0;
        }

        .toggle+a,
        .menu {
                display: none;
        }

        .toggle {
                display: block;
                background-color: #254441;
                padding: 0 20px;
                color: #FFF;
                font-size: 22px;
                font-weight: bold;
                line-height: 60px;
                text-decoration: none;
                border: none;
        }

        .toggle:hover {
                background-color: #000000;
        }

        [id^=drop]:checked+ul {
                display: block;
        }

        nav ul li {
                display: block;
                width: 100%;
        }

        nav ul ul .toggle,
        nav ul ul a {
                padding: 0 40px;
        }

        nav ul ul ul a {
                padding: 0 80px;
        }

        nav a:hover,
        nav ul ul ul a {
                background-color: #000000;
        }

        nav ul li ul li .toggle,
        nav ul ul a {
                background-color: #212121;
        }

        nav ul ul {
                float: none;
                position: static;
                color: #ffffff;
        }

        nav ul ul li:hover>ul,
        nav ul li:hover>ul {
                display: none;
        }

        nav ul ul li {
                display: block;
                width: 100%;
        }

        nav ul ul ul li {
                position: static;

        }
}

@media all and (max-width : 330px) {

        nav ul li {
                display: block;
                width: 94%;
        }

}

.bounce2 {
        animation: bounce2 2s ease infinite;
}

@keyframes bounce2 {

        0%,
        20%,
        50%,
        80%,
        100% {
                transform: translateY(0);
        }

        40% {
                transform: translateY(-30px);
        }

        60% {
                transform: translateY(-15px);
        }
}