@media (max-width:800px){

/* Header */
.codrops-header {
	bottom: -4em;
	width: 45%;
}

.codrops-header h1 {
	font-size: 3em;
}

.codrops-top .logo {
	width: 100%;
	padding:0 2.2em;
	margin: 0;
	text-align:center;
}
.codrops-top .logo img {
	width: 50%;
}

.codrops-top .header_title {
	width: 100%;
	margin: 0;
	font-size:2em;
	text-align:center;
}
.codrops-top .header_title small {
	display:none;
}

.codrops-top .logo img {
	margin: 0;
}
.codrops-top span h3 {
	font-size: 3em;
}
.codrops-top h2 {
	font-size: 1em;
}

.codrops-demos a {
	width: 90%;
	margin: 0.4em;
}

.codrops-demos li li:last-child a, .codrops-demos li li:nth-last-child(2) a {
	width: 90%;
}
.codrops-demos li:last-child a{
	width: 90%;
}
.codrops-demos li:nth-last-child(2) a {
	width: 90%;
}

.menu > li {
display: block;
}

.submenu {
  background: rgba(0,0,0,1);
width: 90%;

}

.menu {z-index:98;}

.menu li .submenu {z-index:99;}

.menu li:first-child .submenu{
top:4.7em;
        width: 100%;
	height: 100%;
}

.menu li:nth-child(2) .submenu{
top:8.3em;
}
.menu li:nth-child(3) .submenu{
top:12em;
}
.menu li:nth-child(4) .submenu{
top:16em;
}
.menu li:nth-child(5) .submenu{
top:19.5em;
}

.menu li:nth-child(5) .submenu, .menu li:nth-child(4) .submenu, .menu li:nth-child(3) .submenu, .menu li:nth-child(2) .submenu {
	width: 100%;
	height: 50%;	
}
.menu li .submenu li{
	width: 45%;
}



.player {
	left: 40%;
	bottom: .5em;
	width: 50%;
}


.footer-bottom {
	bottom: 0;
}
.footer-bottom p {
	font-size: .8em;
}
.footer-bottom strong {
	font-size: .8em;
}



}/* End @ media*/