homework/06.07.2017/4/css/style.css

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

.conteiner {
	padding-bottom: 20px;
	margin: 10px auto;
	width: 850px;
	height: 150px;
	max-width: 90%;
	box-shadow: 0 0 5px;

	display: flex;
	flex-flow: row nowrap;
	justify-content: center;

}
.columpr {
	background: #fff;
	width: 50px;
	text-align: center;
}
.colum {
	padding-top: 10px;
	display: flex;
	flex-flow: column wrap;
	justify-content: flex-end;
}
.columcol1 {
	background: #FF1493;
	width: 50px;
	height: calc(70% - 18px);
}
.columcol2 {
	background: #1E90FF;
	width: 50px;
	height: calc(50% - 18px);
}
.columcol3 {
	background: #7CFC00;
	width: 50px;
	height: calc(30% - 18px);
}
.columcol4 {
	background: #F4A460;
	width: 50px;
	height: calc(100% - 18px);
}
.columcol5 {
	background: #CD853F;
	width: 50px;
	height: calc(90% - 18px);
}
.columcol6 {
	background: #87CEEB;
	width: 50px;
	height: calc(60% - 18px);
}
.columcol7 {
	background: #800080;
	width: 50px;
	height: 10%;
}
.columcol8 {
	background: #663399;
	width: 50px;
	height: calc(35% - 18px);
}