/* #Media Queries
================================================== */



  /* Those wide screens above 1280px */
  @media only screen and (min-width: 1281px) {
    /*body{
      font-size: 2.5em;
      line-height: 1.5em;
    }*/
    article .title {
	  line-height: 40px;
	  font-size: 46px;
	  font-size: 2.9rem;
	}
    article .post-meta{
      font-size: 0.7em;
      line-height: 1em;
    }
    .menu-main-nav-container a, .side-title, .menu-main-container a{
      font-size: 1em;
      line-height: 1.5em;
    }
	
  }
  
  @media only screen and (min-width:960px) and (max-width:1159px) {
	h2 {
	  line-height: 30px;
	  font-size: 32px;
	  font-size: 2.0rem;
	  margin-bottom:2px;
	}
	
	#indicators-page {
		background-size:100% 156px;
	}
	
	#main-tabs.wb-tabs [role=tablist] li {
		max-width:210px;
	}
	
	#main-tabs.wb-tabs [role=tablist].themes li {
		max-width:280px;
	}
	
		#main-tabs.wb-tabs [role=tablist] li a img {
			float:left;
		}
	
	.indicator-tabs.wb-tabs.carousel-s2 [role=tablist] li {
		padding:0 0.15em;
		font-size:0.8rem
	}
	
	#logo {
		height:125px;
	}
  }
  
  @media screen and (max-width: 991px)
  {
	.wb-tabs.carousel-s1 [role=tablist] li[role=presentation], .wb-tabs.carousel-s2 [role=tablist] li[role=presentation], .wb-tabs.tabs-acc>ul  			
	{
		display:block;	
	}
	
	.wb-tabs.carousel-s2 [role=tablist] {
		margin-top:0;
		bottom:0;
	}
	
	#main-tabs.wb-tabs.carousel-s2 [role=tablist] {
		bottom:16px;
	}
	
	#main-tabs.wb-tabs {
		padding-top:2em;
	}
	
	.wb-tabs {
		border-radius:0;
		border-top:none;
	}
	
	#main-tabs.wb-tabs [role=tablist] li {
		display:inline-block;
	}
	
	.wb-tabs.carousel-s2 [role="tablist"] li.control {
		top:0;
	}
	
	.wb-tabs.carousel-s2 {
		background-color:transparent;
		padding-bottom:1em;
	}
	
	.indicator-tabs.wb-tabs.carousel-s2 [role=tablist] li {
		padding:0 0.25em;
		font-size:1rem;
		margin:0.5em;
		border-radius:10px;
		width:95%;
	}
	
	
  }

  /* Smaller than standard 960 (devices and browsers) */
  @media only screen and (max-width: 959px) {
	
	.wb-tabs.carousel-s1 [role=tablist] li[role=presentation], .wb-tabs.carousel-s2 [role=tablist] li[role=presentation], .wb-tabs.tabs-acc>ul  			
	{
		display:block;
		border-bottom:1px solid;
	}
	
	h3.indicator-title {
		width:100%;
	}
	
	#indicators-page {
		background-size:100% 84px;
	}
	
	#main-tabs.wb-tabs [role=tablist] li {
		width:100%;
		border-radius:20px;
		-webkit-border-radius:20px;
		margin:0.25em 0;
		border:1px solid #d2ceb5;
	}
	
	.wb-tabs.carousel-s2 [role=tablist] {
		margin-top:0;
		bottom:25px;
	}
	
	#main-tabs.wb-tabs [role=tablist] li {
		display:inline-block;
	}
	
	.wb-tabs.carousel-s2 {
		background-color:transparent;
		padding-bottom:1em;
	} 
	 
    .side-title{
      font-size: 1em;
      line-height: 1.5em;
    }
	
	#logo {
		height:125px;
	}
	
	.icon-button {
		margin:15px auto;
		width:auto;	
	}
	
	.blue-box-text {
		padding:1.5em 0.25em 0.5em 0.25em !important;
	}
	
	p.blue-box-text {
		margin-bottom:0.5em !important;
	}
	
	.large-content p {
		padding:0.5em 0.25em;
		margin:0.25em !important;		
	}
	
	.column8, .column4, .column6 {
		margin-bottom:0 !important;
	}
	
	.the-content {
		padding:0em 0.25em;	
	}
	
	h2 {
	  line-height: 35px;
	  font-size: 32px;
	  font-size: 2.0rem;
	  margin-bottom:2px;
	}
	
	.bottom-box h3 {
		line-height:24px;
		font-size:24px;
		font-size:1.5rem;	
	}
	
  }

  /* Tablet Portrait size to standard 960 (devices and browsers) */
  @media only screen and (min-width: 768px) and (max-width: 959px) {
    .side-title {
      font-size: 1em;
      line-height: 1.5em;
    }
	
	h3.indicator-title {
		width:100%;
	}
	
	.indicator-tabs.wb-tabs.carousel-s2 [role=tablist] {
		bottom:0;
		margin:0;
	}
	
	#obc {
		
		max-width:300px;
		margin:0 auto;
	}
	
	#search {
		padding-top:25px;
	}
	
	#title {
		padding-top:90px;
	}
	
	#logo {
		height:125px;
	}
	
	.icon-button {
		margin:15px auto;
		width:auto;	
	}
	
	.blue-box-text {
		padding:1.5em 0.25em 0.5em 0.25em !important;
	}
	
	p.blue-box-text {
		margin-bottom:0.5em !important;
	}
	
	.large-content p {
		padding:0.5em 0.25em;
		margin:0.25em !important;		
	}
	
	.column8, .column4, .column6 {
		margin-bottom:0 !important;
	}
	
	.the-content {
		padding:0em 0.25em;	
	}
	
	.tinynav { display: block; width:100%; margin:0.5rem; }
    .menu { display: none; }
	
	.image-wrapper img {
		margin:auto;
		min-width:0;
	}
	
	.row {
		margin-bottom:0;
	}
	
	#indicator-wrapper .the-content h3 {
		float:none;
	}	
	
	.indicator-icons {
		width:100%;
		min-height:0;
		position:relative;	
	}
	
	.indicator-tabs.wb-tabs.carousel-s2 [role=tablist] {
		width:100%;
	}
	
	.indicator-tabs.wb-tabs.carousel-s2 div[role=tabpanel] {
		width:100%;
	}
	
	#didyouknow-wrapper {
		position:relative;
		max-width:100%;
		margin:0 auto;
		
		/*opacity:0.75;*/
	}
	
	#didyouknow-button {
		width:100%;
	}
	
	#didyouknow-content {
		width:100%;
		display:block;
		max-height:none;
		overflow:visible;
	}
	
  }

  /* All Mobile Sizes (devices and browser) 
  @media only screen and (max-width: 767px) {
    .side-title{
      font-size: 1em;
      line-height: 1.5em;
    }
	.tinynav { display: block; width:100%; }
    .menu { display: none; }
	
  } */

  /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    body, article .post-meta{
      font-size: 1.2em;
      line-height: 1.5em;
    }
	
	h3.indicator-title {
		width:100%;
	}
	
	#tabs-cnt-1.wb-tabs.carousel-s2 [role=tablist] {
		bottom:20px;
		position:absolute;
		padding:10px;
		/*background-color:#1476A3;	*/
	}
	
	#obc {
		width:100%;
		text-align:center;
		margin:0 auto;
	}
	
	#search {
		padding-top:10px;
		max-width:100%;
		float:none;
		text-align:center;
	}
	
	#title {
		padding-top:65px;
	}
		
	.indicator-number-title {
		width:93%;
	}
	
	.indicator-tabs.wb-tabs.carousel-s2 [role=tablist] {
		bottom:0;
		margin:0;
	}
	
	.top-bg, .new-top-bg {
		background-image:none;
	}
	
	#logo {
		height:125px;
	}
	
	.icon-button {
		margin:5px auto;
		width:auto;	
		font-size:24px;
		font-size:1.5rem;
		
	}
	
	.blue-box-text {
		padding:1.5em 0.25em 0.5em 0.25em !important;
	}
	
	p.blue-box-text {
		margin-bottom:0.5em !important;
	}
	
	.large-content p {
		padding:0.5em 0.25em;
		margin:0.25em !important;		
	}
	
	.column8, .column4, .column6 {
		margin-bottom:0 !important;
	}
	
	.the-content {
		padding:0em 0.25em;	
	}
	
    article .title{
      font-size: 2em;
      line-height: 1em;
    }
    .site-title{
      font-size: 10px !important;
      line-height: 50px;
    }
    .menu-main-nav-container a, .side-title, .menu-main-container a{
      font-size: 1em;
      line-height: 1.5em;
    }
	
	#primary .column-content {
		min-height:150px;	
	}
	
	.tinynav { display: block; width:100%; margin:0.5rem;  }
    .menu { display: none; }
	
	.image-wrapper img {
		margin:auto;
		min-width:0;
		max-width:none;
	}
	
	.float-left, .float-right {
		float:none;
	}
	
	.row {
		margin-bottom:0;
	}
	
	.column4:last-child {
		margin-bottom:0;
	}
	
	#indicator-wrapper .the-content h3 {
		float:none;
	}	
	
	.indicator-icons {
		width:100%;
		min-height:0;
		position:relative;	
	}
	
	.indicator-tabs.wb-tabs.carousel-s2 [role=tablist] {
		width:100%;
	}
	
	.indicator-tabs.wb-tabs.carousel-s2 div[role=tabpanel] {
		width:100%;
	}
	
	.indicator-number-title {
		font-size:1.25rem;
		font-size:20px;
	}
	
	.site-description{
		font-size:1.5rem;
		font-size:24px;	
		line-height:26px;
	}
	
	.blue-box-text {
		font-size:1.5rem;
		font-size:24px;
		line-height:26px;
	}	
	
	#back-to-top span {
		display:none;
	}
	
	#didyouknow-wrapper {
		position:relative;
		max-width:100%;
		margin:0 auto;
		
		/*opacity:0.75;*/
	}
	
	#didyouknow-button {
		width:100%;
	}
	
	#didyouknow-content {
		width:100%;
		display:block;
		max-height:none;
		overflow:visible;
	}
  }

  /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
  @media only screen and (max-width: 479px) {
    body, article .post-meta{
      font-size: 1.2em;
      line-height: 1.5em;
    }
	
	h3.indicator-title {
		width:100%;
	}
	
	#tabs-cnt-1.wb-tabs.carousel-s2 [role=tablist] {
		bottom:20px;
		position:absolute;
		padding:10px;
		/*background-color:#1476A3;	*/
	}
	
	#obc {
		width:100%;
		text-align:center;
		margin:0 auto;
	}
	
	#search {
		padding-top:10px;
		max-width:100%;
		float:none;
		text-align:center;
	}
	
	#title {
		padding-top:65px;
	}
	
	#masthead .column16{
		margin-bottom:20px;
	}
	
	.indicator-number-title {
		width:93%;
	}
	
	.indicator-tabs.wb-tabs.carousel-s2 [role=tablist] {
		bottom:0;
		margin:0;
	}
	
	.top-bg, .new-top-bg {
		background-image:none;
	}
	
	#logo {
		height:125px;
	}
	
	.icon-button {
		margin:5px auto;
		width:auto;	
		font-size:1.25rem;
		font-size:20px;
	}
	
	.blue-box-text {
		padding:1.5em 0.25em 0.5em 0.25em !important;
	}
	
	p.blue-box-text {
		margin-bottom:0.5em !important;
	}
	
	.large-content p {
		padding:0.5em 0.25em;
		margin:0.25em !important;		
	}
	
	.column8, .column4, .column6 {
		margin-bottom:0 !important;
	}
	
	.the-content {
		padding:0em 0.25em;	
	}
	
    article .title{
      font-size: 1.5em;
      line-height: 1em;
    }
    .site-title{
      font-size: 6px !important;
      line-height: 30px;
	  padding:10px;
    }
    .menu-main-nav-container a, .side-title, .menu-main-container a{
      font-size: 1em;
      line-height: 1.5em;
    }
	
	.inside .info-column {
		min-width:270px;
		width:95%;
	}
	
	.tinynav { display: block; width:90%; margin-left:20px; margin:0.5rem;  }
    .menu { display: none; }
	
	.column1, .column2, .column3, .column4, .column5, .column6, .column7, .column8, .column9, .column10, .column11, .column12, .column13, .column14, .column15, .column16 {
		margin:0;
	}
	
	.container12, .container16, .container {
		width:95%;
		margin:0 auto;
	}
	
	#primary .column-content {
		min-height:150px;	
	}
	
	.float-left, .float-right {
		float:none;
	}
	
	.container12 .column1, .container16 .column1, .container12 .column2, .container16 .column2, .container12 .column3, .container16 .column3, .container12 .column4, .container16 .column4, .container12 .column5, .container16 .column5, .container12 .column6, .container16 .column6, .container12 .column7, .container16 .column7, .container12 .column8, .container16 .column8, .container12 .column9, .container16 .column9, .container12 .column10, .container16 .column10, .container12 .column11, .container16 .column11, .container12 .column12, .container16 .column12, .container16 .column13, .container16 .column14, .container16 .column15, .container16 .column16 {
		width:100%;
		margin:0 auto;
	}
	
	#primary .column-content {
		min-height:inherit !important;
	}
	
	.info-column .text,
	.info-column .amount {
		padding:0 !important;
	}
	
	.row {
		margin-bottom:0;
	}

	#indicator-wrapper .the-content h3 {
		float:none;
	}	
	
	.indicator-icons {
		width:100%;
		min-height:0;
		position:relative;	
	}
	
	.indicator-tabs.wb-tabs.carousel-s2 [role=tablist] {
		width:100%;
	}
	
	.indicator-tabs.wb-tabs.carousel-s2 div[role=tabpanel] {
		width:100%;
	}
	
	.indicator-number-title {
		font-size:1.05rem;
		font-size:17px;
	}
	
	.site-description{
		font-size:1.25rem;
		font-size:20px;
		line-height:22px;	
	}
	
	.blue-box-text {
		font-size:1.25rem;
		font-size:20px;
		line-height:22px;
	}	
	
	#back-to-top span {
		display:none;
	}
	
	#didyouknow-wrapper {
		position:relative;
		max-width:100%;
		margin:0 auto;
		
		/*opacity:0.75;*/
	}
	
	#didyouknow-button {
		width:100%;
	}
	
	#didyouknow-content {
		width:100%;
		display:block;
		max-height:none;
		overflow:visible;
	}
	
  }