* {
	box-sizing: border-box;
}
html {
	font-size: 10px;
}
body {
	margin: 0;
	font-size: 1.6rem;
}
img {
	max-width: 100%;
}
main {
	margin: 10px auto;
	width: 850px;
	max-width: 90%;
	box-shadow: 0 0 5px;
}

.conteiner {
	display: flex;
	flex-flow: column wrap;    /*- обьеденяет в себе оба свойства(направление и многострочность)*/
	justify-content: space-around;  /*- определяем как будут выровнены элементы в доль главной оси */
	align-items: center;			/*- определяем как будут выглядеть элементы в доль поперечной оси*/
	height: auto;
	align-content: space-between;
}
.content {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-around;
	align-items: flex-start;
}
.footer, .header {
	padding: 15px;
}
.colum  {
	margin: 0 auto;
	padding: 15px;
}
