@import url("../webfonts/glyphicons_halflings_regular/stylesheet.css");
@import url("../webfonts/avenir_light/stylesheet.css");
@import url("../webfonts/AvenirNextLTPro_Cn/stylesheet.css");
@import url("../webfonts/avenir_next_regular/stylesheet.css");
@import url("../webfonts/AvenirNextCondensed_UltraLight/stylesheet.css");
body {
	padding-top: 50px;
	position: relative;
      }
.row .col-md-12 #aqiMain {
	font-size: 286px;
	font-weight: 100;
	align-content: center;
	margin-top: -60px;
	margin-bottom: -70px;
	font-family: "AvenirNextCondensed UltraLight";
	/* [disabled]font-style: normal; */
	text-align: left;
	letter-spacing: -0.1em;
	text-transform: none;
}
      
      pre {
          tab-size: 8;
      }
.container .navbar-header h3  {
	font-size: 24px;
	align-content: center;
	color: #D3D3D3;
	font-weight: 200;
	font-family: raleway;
	font-style: normal;
}
.row .col-md-12 #cityMain {
	font-family: "AvenirNextCondensed UltraLight";
	font-style: normal;
	font-weight: 100;
	font-size: 2em;
	text-align: right;
	height: 2em;
	background-color: #2C2C2C;
	vertical-align: middle;
	color: #A6A6A6;
	width: 110%;
	margin-left: -16px;
	padding-right: 10%;
	padding-top: 1px;
}
.row .col-md-12 #aqiHistory {
	margin-top: 29px;
}
.container .navbar-header.col-xs-12 .text-right.text-capitalize {
	color: #B5B5B5;
	font-family: "AvenirNextCondensed UltraLight";
	font-style: normal;
	font-weight: 100;
	font-size: 2.5em;
}
      
      @media screen and (max-width: 2500px) {
          .side-collapse-container{
	width: 100%;
	position: relative;
	left: 0;
	transition: left .4s;
          }
          .side-collapse-container.out{
              left:200px;
          }
          .side-collapse {
              top:50px;
              bottom:0;
              left:0;
              width:200px;
              position:fixed;
              overflow:hidden;
              transition:width .4s;
          }
          .side-collapse.in {
              width:0;
          }
      }