html {
	min-height: 100%;
}
body {
	min-height: 100%;
	margin: 0;
	//background-repeat: no-repeat;
	//background-attachment: fixed;
	//background: #007A92;
	//background: -webkit-gradient(linear, left top, left bottom, from(#007A92), to(#3bc4b4));
	//background: -moz-linear-gradient(top, #007A92, #3bc4b4);
	background: #323d47;
}

.linespace{
	line-height:18pt;
}

.navbar-transparent{
	background: transparent;
}

.navbar-default .navbar-nav > li > a {
	color: #ECECEC;
	text-decoration: none;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color: #FFFFFF;
}

.link > a {
	color: #ECECEC;
	text-decoration: none;
}

.link > a:hover,
.link > a:focus {
	color: #FFFFFF;
}

button.navbar-toggle{
    background:none;
    border:1px solid #007A92;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #ECECEC;
}
.navbar-default .navbar-brand {
    color: #ECECEC;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: white;
}

.navbar-default .navbar-nav > .open > a .caret,
.navbar-default .navbar-nav > .open > a:hover .caret,
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #ECECEC;
    border-bottom-color: #ECECEC;
}

.grid-container {
	display: grid;
	grid-template-columns: auto auto auto auto;
	grid-gap: 10px;
	padding: 10px;
	max-width: 450px;
	margin: auto;
}

.grid-container > div {
	text-align: center;
	padding: 0px;
	margin: 0 0 10px 0;
}

.item1to3 {
	grid-column-start: 1;
	grid-column-end: 3;
}

.item1to4 {
  grid-column-start: 1;
  grid-column-end: 4;
}

.item3to5and2to5 {
	grid-column-start: 3;
	grid-column-end: 5;
	grid-row-start: 2;
	grid-row-end: 4;
}

.item1to5 {
	grid-column-start: 1;
	grid-column-end: 5;
}

.item3to5 {
	grid-column-start: 3;
	grid-column-end: 5;
}

.roboto {
	font-family: 'Roboto', sans-serif;
}

.icon_outdoor {
	width: 40px;
	height: 40px;
	margin-right: 2%;
	margin-top: -15px;
}

.icon_indoor {
	width: 40px;
	height: 40px;
	margin-right: 2%;
	margin-top: -15px;
}

.icon_big {
	height: 110px;
	width: 110px;
	margin-right: 2%;
}

.text_main_temperature{
	font-size: 64px;
}

.text_data {
	font-size: 32px;
}

.text_indoordata {
	font-size: 28px;
}

.text_huge {
	font-size:28px;
}

.text_bigger {
	font-size: 22px;
}

.text_big {
	font-size: 18px;
}

.text_medium {
	font-size: 16px;
}

.text_white {
	color: white;
}

.border_white {
	border-style: solid;
	border-width: 1px;
	border-radius: 15px;
	border-color: #ECECEC;
	margin-bottom: 15px;
}

.wrapper{
	width: 452px;
	height: 252px;
	padding: 0;
	margin-bottom: 1%;
	margin: 0 auto;
	overflow: hidden;
}

.consolas{ 
	font-family: Consolas,monaco,monospace; 
	color: Aquamarine;
}

@media(max-width: 479px) {
	.icon_outdoor {
		width: 40px;
		height: 40px;
		margin-right: 2%;
		margin-top: -7px;
	}

	.icon_indoor {
		width: 32px;
		height: 32px;
		margin-right: 2%;
		margin-top: -7px;
	}	
	
	.icon_big {
		height: 110px;
		max-width: 220px;
		margin-right: 2%;
	}

	.text_main_temperature{
		font-size: 54px;
	}

	.text_data {
		font-size: 28px;
	}

	.text_indoordata {
		font-size: 22px;
	}

	.text_huge {
		font-size:26px;
	}

	.text_bigger {
		font-size: 22px;
	}

	.text_big {
		font-size: 16px;
	}

	.text_medium {
		font-size: 16px;
	}	
}

@media(max-width: 409px) {
	.icon_outdoor {
		width: 40px;
		height: 40px;
		margin-right: 2%;
		margin-top: -7px;
	}
	
	.icon_indoor {
		width: 32px;
		height: 32px;
		margin-right: 2%;
		margin-top: -7px;
	}	

	.icon_big {
		height: 110px;
		max-width: 220px;
		margin-right: 2%;
	}

	.text_main_temperature{
		font-size: 48px;
	}

	.text_data {
		font-size: 28px;
	}

	.text_indoordata {
		font-size: 20px;
	}

	.text_huge {
		font-size:24px;
	}

	.text_bigger {
		font-size: 20px;
	}

	.text_big {
		font-size: 15px;
	}

	.text_medium {
		font-size: 12px;
	}	
}

@media(max-width: 389px) {
	.icon_outdoor {
		width: 32px;
		height: 32px;
		margin-right: 2%;
		margin-top: -7px;
	}
	
	.icon_indoor {
		width: 28px;
		height: 28px;
		margin-right: 2%;
		margin-top: -2px;
	}	

	.icon_big {
		height: 110px;
		max-width: 220px;
		margin-right: 2%;
	}

	.text_main_temperature{
		font-size: 42px;
	}

	.text_data {
		font-size: 24px;
	}

	.text_indoordata {
		font-size: 15px;
	}

	.text_huge {
		font-size:20px;
	}

	.text_bigger {
		font-size: 17px;
	}

	.text_big {
		font-size: 13px;
	}

	.text_medium {
		font-size: 10px;
	}	
}
}

@media(max-width: 359px) {
	.icon_outdoor {
		width: 30px;
		height: 30px;
		margin-right: 2%;
		margin-top: -15px;
	}

	.icon_big {
		height: 110px;
		max-width: 220px;
		margin-right: 2%;
	}

	.text_main_temperature{
		font-size: 42px;
	}

	.text_data {
		font-size: 24px;
	}

	.text_indoordata {
		font-size: 12px;
	}

	.text_huge {
		font-size:20px;
	}

	.text_bigger {
		font-size: 16px;
	}

	.text_big {
		font-size: 12px;
	}

	.text_medium {
		font-size: 10px;
	}	
	
}