/*CSS for all headings and body style*/
/*FONTS*/
@font-face {
  font-family: 'Roboto-Light';
  src: url('fonts/Roboto-Light.ttf');
}
@font-face {
  font-family: 'Roboto-Regular';
  src: url('fonts/Roboto-Regular.ttf');
}
/*PAGE LAYOUT*/
body {
    margin:auto;
    line-height: 160%;
    font-family:'Roboto-Regular', sans-serif;
	line-height:1.8;
	color:#444;
	background-color:#fffefe;
}
.body-inner {}
/*HEADINGS*/
h1{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 2.5rem /*40px*/;
	color: #8b8e92;
	}
h2{
	font-family: 'Roboto Condensed', sans serif;
	font-size: 2em /*32px*/;
	}
h2.chart-subheading {
	font-family: 'Roboto-Regular', sans serif;
	font-size: 1.25em /*20px*/;
	color: #55828b/*#49706b*/;
	font-variant: small-caps;
	letter-spacing:0.2px;
	margin-top:-1.8em;
	line-height:1.2;
	}
h3{
	font-family: 'Roboto-Regular', sans serif;
	font-size: 1.25em /*20px*/;
	color: #5c5c5c;
	}
h4{
	font-family: 'Roboto-Regular', sans serif;
	font-size: 1.125em /*18px*/;
	color: #5c5c5c;
	font-weight:bold;
	}
/*LINKS*/
a {
	color:#228176 /*#46a091*/;
	}
a.homelink {
	font-weight:bold;
	color:#228176 /*#46a091*/;
	}
a.footer-link {
	color:#59c3b7 /*#46a091*/;
	}
a.visualisations-menu-link {
	text-decoration:none;
	}
a[href^=tel] {
   text-decoration:none;
   color: #ffffff;
}
.fa-lg {
	color:#55828b !important;
	padding-left:3px;
	}
/*RESPONSIVE HEADINGS*/
@media only screen and (min-width:769px) and (max-width:1024px){
h1 {font-size:2.25em; line-height:1.15;}
h2 {font-size: 1.8em;}
h2.chart-subheading {font-size:1.125em;margin-top:-1em;}
h3 {font-size: 1.375em;}
h4 {font-size: 1.125em;}
}
@media only screen and (max-width:768px){
h1 {font-size:2em; line-height:1.15;}
h2 {font-size: 1.62em;}
h2.chart-subheading {font-size:1.125em;margin-top:-1em;}
h3 {font-size: 1.375em;}
h4 {font-size: 1.125em;}
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px), (orientation:landscape) {
  html {
    font-size:16px;  
  }
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px), (orientation:landscape){
  html {
    font-size:16px;
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px), (orientation:landscape) {
  html {
    font-size:16px;
  }
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 1115px) {
  html {
    font-size:16px;
  }
 /*  	body {
  	width:100%;
  	} */
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  html {
    font-size:16px;
  }
  body {
    width:1170px;
    font-family:'Roboto-Regular', sans-serif;
	line-height:1.8;
	color:#444;
	background-color:#fffefe;
  }
}
@media only screen and (max-width: 1366px)
{
body {
    overflow-x:hidden;
    font-family:'Roboto', sans-serif;
	line-height:1.8;
	color:#444;
	background-color:#fffefe;
  }
}
@media only screen and (max-width: 1200px){
body {
	margin-left:1em;
	margin-right:1em;
	}
	
}