@media (max-width: 880px) {
	nav#nav {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-color: #26a69a;
        z-index: 500;
    }

    nav#nav:not(.open) {
        display: none;
    }

        nav#nav button.nav-close {
            position: relative;
            float: left;
            left: 0;
            width: 24px;
            height: 24px;
            padding: 0;
            border: 0;
            margin: 20px 10px;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            background-color: transparent;
            cursor: pointer;
        }

        nav#nav button.nav-close .material-icons {
            width: 24px;
            height: 24px;
            line-height: 24px;
            font-size: 24px;
            color: #ffffff;
        }

        nav#nav ul {
            position: relative;
            float: left;
            width: 100.0%;
            padding: 20px 44px;
            margin: 0;
            list-style: none;
        }

            nav#nav ul li {
                position: relative;
                float: left;
                width: 100.0%;
                height: 20px;
                margin-bottom: 30px;
            }

            nav#nav ul li:last-child {
                margin-bottom: 0;
                margin-right: 0;
            }

                nav#nav ul li a {
                    position: relative;
                    float: left;
                    line-height: 20px;
                    font-size: 16px;
                    text-decoration: none;
                    text-transform: uppercase;
                    color: #ffffff;
                }
				
				
		#lang{
			position: relative;
			float: left;
			background: transparent;
			width: 80px;
			font-size: 15px;
			font-weight: 400;
			text-decoration: none;
			text-transform: uppercase;
			color: #757575;
			line-height: 1;
			border: 0;
			border-radius: 0;
			height: 20px;
			cursor: pointer;
			top: 4px;
		}
}

@media (min-width: 880px) {
	#nav {
		position: relative;
		float: right;
		height: 100.0%;
	}

		nav#nav button.nav-close {
			display: none;
		}

		#nav > ul {
			position: relative;
			float: left;
			height: 100.0%;
			padding: 0;
			margin: 0;
			list-style: none;
		}

			#nav > ul > li {
				position: relative;
				float: left;
				height: 100.0%;
				padding: 6px 0;
				margin-right: 45px;
			}

			#nav > ul > li:last-child {
				margin-right: 0;
			}

			#nav > ul > li.active {
				border-bottom: 2px solid #64a094;
			}

				#nav > ul > li > a {
					position: relative;
					float: left;
					font-size: 15px;
					font-weight: 400;
					text-decoration: none;
					text-transform: uppercase;
					color: #757575;
				}
				
		#lang{
			position: relative;
			float: left;
			background: transparent;
			width: 80px;
			font-size: 15px;
			font-weight: 400;
			text-decoration: none;
			text-transform: uppercase;
			color: #757575;
			line-height: 1;
			border: 0;
			border-radius: 0;
			height: 20px;
			cursor: pointer;
			top: 4px;

		}
}