@media only screen and (max-width: 800px){
	body{
        width: auto;
    }
    header {
		width: 100%;
        margin: 0;
        padding: 0;
	}
	.nav__ul {
		display: none;
	}
	.nav__responsive-ul {
		position:absolute;
		display: block;
		width: 100%;
		margin-top: -26%;
		padding-bottom: 70px;
		margin-left: -180px;
		background: none;
	}
	.nav__responsive-button {
		position:relative;
		margin-top: -10px;
		margin-right: 40%;
		float: right;
	}

	.logo {
	width: 100%;
	height: 100%;
	min-width:50px;
	min-height:50px;
}
	}
	.nav__responsive-ul:hover {
		margin-top: 0;
		padding-top: 60px;
		padding-bottom: 3px;
		transition: margin-top 1s;
	}