.climatable h3 {
	margin-top:26px;
}
.climatable-header,
.climatable-row {
	display:flex;
	background-color:#01B7F2;
}
.climatable-header {
	background-color:#01B7F2;
	border-top:1px solid white;
	margin-top:13px;
}
.climatable-row {
	background-color:#EAF3FC;
	border-top:1px solid white;
}
.climatable-row:last-child {
	background-color:#EAF3FC;
	border-bottom:1px solid white;
}

.climatable-header div {
	color:white;
}
.climatable-header div,
.climatable-row div {
	width:7.7%;
	text-align:center;
	box-sizing: border-box;
	border-right:1px solid white;
	line-height:52px;
}
.climatable-header div:first-child,
.climatable-row div:first-child {
	width:15%;
	text-align:left;
	padding-left:5px;
	padding-top:13px;
	border-left:1px solid white;
	line-height:26px;
	vertical-align:middle;
}

.climatable-sun,
.climatable-rain {
	width:40px;
	height:auto;
}
@media only screen and (min-width: 660.1px) and (max-width: 880px) {
	.climatable-header,
	.climatable-row {
		flex-wrap:wrap;
	}
	.climatable-header div,
	.climatable-row div {
		width:14%;
		box-sizing:border-box;
	}
	.climatable-header div:first-child,
	.climatable-row div:first-child {
		width:16%;
		border-left:none;
	}
	.climatable-header div:nth-child(8),
	.climatable-row div:nth-child(8) {
		margin-left:calc(16% - 1px);
		width:calc(14% + 1px);
		border-left:1px solid white;
	}
	.climatable-header div:nth-child(7),
	.climatable-row div:nth-child(7),
	.climatable-header div:nth-child(13),
	.climatable-row div:nth-child(13) {

	}
}
@media only screen and (max-width: 660px) {
	.climatable-header,
	.climatable-row {
		flex-wrap:wrap;
	}
	.climatable-header div,
	.climatable-row div {
		width:19%;
		box-sizing:border-box;
	}
	.climatable-row div {
		min-height:30px;
		border-bottom:1px solid white;
	}
	.climatable-row div:first-child {
		border-bottom:none;
	}
	.climatable-header div:first-child,
	.climatable-row div:first-child {
		width:24%;
		border-left:none;
	}
	.climatable-header div:nth-child(6),
	.climatable-row div:nth-child(6),
	.climatable-header div:nth-child(10),
	.climatable-row div:nth-child(10) {
		margin-left:calc(24% - 1px);
		width:calc(19% + 1px);
		border-left:1px solid white;
	}
}