html, body
	margin: 0
	font-size: 16px

ul, li
	margin: 0
	padding: 0
	list-style-type: none

a
	color: inherit
	text-decoration: none

// когда дети утекают в левую сторону, родителю ставим clearfix
// и он по высоте становиться нормальный, по убегшим в сторону детям
// как будто бы псевдо элемент clearbox появляется в конце
.clearfix::after
	content: ""
	display: block
	clear: both

.wrapper
	min-width: 1024px
	padding: 0 30px
	margin: 0 auto

nav
	background: #eee
	.wrapper
		position: relative

//можно inlie-block
.menu
	li
		float: left
	a
		display: inline-block
		padding: 10px 15px

.menuToggle
	padding: 10px 15px
	display: none
	cursor: pointer

@media screen and (max-width: 560px)
	.menu
		display: none
		position: absolute
		background: #eee
		li
			float: none
	.menuToggle
		display: inline-block