h1 {
	font-size: 2.4em;
	font-family: "Roboto Regular", Roboto;
}
h2 {
	font-size: 1.6em;
	font-family: "Roboto Regular", Roboto;
}
h3 {
	font-size: 1.2em;
}
h4 {
	font-size: 1.0em;
}
.container {
	width: 1000px;
}
.sub-nav-col {
	width: 25%;
	margin-right: 5%;
}
.main-content-col.three-quarters {
	width: 70%;
}
.main-content-container.with-sidebar,
.three-quarters .main-content-container.with-sidebar {
	width: 60%;
}
.sidebar-content-container {
	width: 35%;
}
.meta-nav {
	font-size: 0.9em;
	font-family: "Roboto Regular", Roboto;
}
.meta-nav-block {
	padding: 0 10px;
}
.top-nav {
	font-size: 1em;
}
.top-nav a {
	padding: 5px 5px 5px 10px;
	min-height: 40px;
}
.main-content-col img {
	max-width: 100%;
	height: auto;
}
.event-transferred {
	display: block;
	margin-top: 10px;
}
.event-transferred-date-time {
	display: block;
	margin-top: 10px;
}

@media (max-width: 980px) {
	/* STRUCTURE */
	.header {
		width: 100%;
		height: auto;
		float: left;
		overflow: visible;
	}
	.logo {
		width: 81px;
		height: 68px;
		margin-bottom: 20px;
		background-position: -1px -181px;
	}
	.container {
		width: 96%;
		margin: 0 2%;
		float: left;
		overflow: hidden;
	}
	.header .container {
		overflow: visible;
	}
	.row,
	.row.full {
		display: block;
		border-spacing: 0;
	}
	.row:first-child {
		margin-top: 10px;
	}
	.row.main-content-row {
		margin-top: 0;
	}
	.row .row {
		margin: 0;
	}
	.row .row.full {
		margin: 10px 0;
	}
	.col,
	.row.full .col {
		display: block;
	}
	.quarter,
	.row.full .quarter,
	.half,
	.three-quarters,
	.third,
	.two-thirds,
	.panel {
		width: 100%;
		float: left;
	}
	.panel {
		overflow: hidden;
	}
	.panel.no-bottom-margin,
	.panel:first-child {
		margin-bottom: 20px;
	}
	.with-padding {
		width: 90%;
		padding: 20px 5%;
	}
	.sub-nav-col {
		width: 100%;
		margin-right: 0;
	}
	.main-content-col.three-quarters {
		width: 100%;
	}
	.main-content-container.with-sidebar,
	.three-quarters .main-content-container.with-sidebar {
		width: 65%;
	}
	.sidebar-content-container {
		margin-top: 20px;
		width: 30%;
	}
	.footer .container {
		padding-bottom: 20px;
		text-align: center;
	}
	.footer li {
		padding: 0;
		font-size: 1.2em;
	}
	.footer li .icon {
		display: none;
	}
	/* NAVIGATION */
	.top-nav-container {
		position: relative;
		z-index: 1;
	}
	.top-nav-mobi {
		display: inline-block;
		position: relative;
		width: 45px;
		height: 45px;
		background: #777 url(/images/gfx.png) no-repeat -172px -11px;
		cursor: pointer;
		border-radius: 3px;
	}
	.top-nav-mobi.active {
		background-color: #232831;
	}
	.meta {
		margin: 32px 0 0 0;
	}
	.meta-nav-block {
		margin: 0;
	}
	.meta-nav-block.weather,
	.meta-nav-block.font-size {
		display: none;
	}
	.top-nav-content {
		display: block;
		width: 100%;
		float: left;
	}
	.top-nav-content ul.top-nav {
		display: none;
	}
	.top-nav-mobi-menu {
		position: static;
		margin: 0 0 10px 0;
		padding: 10px 2%;
		width: 96%;
		height: auto;
		overflow: hidden;
		background: #232831;
		color: #FFF;
		text-align: center;
		border-radius: 3px;
	}
	.top-nav-mobi-menu ul {
		display: none;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	.top-nav-mobi-menu.active,
	.top-nav-mobi-menu ul.active {
		display: block;
	}
	.top-nav-mobi-menu li {
		position: relative;
		width: 100% !important;
		margin: 0;
		padding: 0;
		overflow: hidden;
		font-size: 20px;
		line-height: 1.0em;
		text-align: left;
	}
	.top-nav-mobi-menu ul li {
		font-size: 0.8em;
		line-height: 1.1em;
	}
	.top-nav-mobi-menu ul ul li {
		font-size: 1.0em;
	}
	.top-nav-mobi-menu a {
		display: block;
		width: 83%;
		min-height: 1px;
		margin-top: 1px;
		padding: 13px 14% 13px 3%;
		overflow: hidden;
		border: none;
		color: #FFF;
		background: #395F6F;
		border-radius: 3px;
		transition: background-color 300ms, opacity 300ms;
		opacity: 0.8;
		text-overflow: ellipsis;
	}
	.top-nav-mobi-menu a:hover {
		color: #A2D926;
		opacity: 1;
	}
	.top-nav-mobi-menu .open a {
		color: #FFF;
		background: #A2D926;
	}
	.top-nav-mobi-menu ul .open a {
		background: #72A906;
	}
	.top-nav-mobi-menu ul ul .open a {
		background: #528900;
	}
	.top-nav-mobi-menu ul ul ul .open a {
		background: #326900;
	}
	.top-nav-mobi-menu ul ul ul ul .open a {
		background: #124900;
	}

	.top-nav-mobi-menu .theme-orange.open a {
		background: #F08C0B;
	}
	.top-nav-mobi-menu .theme-orange ul .open a {
		background: #BD7313;
	}
	.top-nav-mobi-menu .theme-orange ul ul .open a {
		background: #8A5E25;
	}
	.top-nav-mobi-menu .theme-orange ul ul ul .open a {
		background: #6A3E05;
	}

	.top-nav-mobi-menu .theme-red-lt.open a {
		background: #E33549;
	}
	.top-nav-mobi-menu .theme-red-lt ul .open a {
		background: #9F3A46;
	}
	.top-nav-mobi-menu .theme-red-lt ul ul .open a {
		background: #7F1A26;
	}
	.top-nav-mobi-menu .theme-red-lt ul ul ul .open a {
		background: #5F232A;
	}

	.top-nav-mobi-menu .theme-green-dk.open a {
		background: #007D55;
	}
	.top-nav-mobi-menu .theme-green-dk ul .open a  {
		background: #005B38;
	}
	.top-nav-mobi-menu .theme-green-dk ul ul .open a  {
		background: #004332;
	}
	.top-nav-mobi-menu .theme-green-dk ul ul ul .open a  {
		background: #002312;
	}

	.top-nav-mobi-menu .theme-cyan-md.open a {
		background: #47C1EF;
	}
	.top-nav-mobi-menu .theme-cyan-md ul .open a {
		background: #3B7993;
	}
	.top-nav-mobi-menu .theme-cyan-md ul ul .open a {
		background: #234D5F;
	}

	.top-nav-mobi-menu .theme-brown-lt.open a {
		background: #BD7313;
	}
	.top-nav-mobi-menu .theme-brown-lt ul .open a {
		background: #6A3E05;
	}
	.top-nav-mobi-menu .theme-brown-lt ul ul .open a {
		background: #FD8F2B;
	}

	.top-nav-mobi-menu .theme-cyan-dk.open a {
		background: #3B7993;
	}
	.top-nav-mobi-menu .theme-cyan-dk ul .open a {
		background: #2F6373;
	}
	.top-nav-mobi-menu .theme-cyan-dk ul ul .open a {
		background: #234D5F;
	}
	.top-nav-mobi-menu .icon {
		position: absolute;
		top: 5px;
		right: 5px;
		display: inline-block;
		width: 35px;
		height: 35px;
		background: #FFF;
		font-size: 30px;
		font-family: "Roboto Bold", Roboto;
		line-height: 35px;
		text-align: center;
		vertical-align: middle;
		cursor: pointer;
		color: #232831;
		opacity: 0.5;
		border-radius: 3px;
		transition: opacity 300ms;
	}
	.top-nav-mobi-menu .icon:hover {
		opacity: 1;
	}
	.top-nav-mobi-menu .icon:after {
		content: "+";
	}
	.top-nav-mobi-menu .icon.active:after {
		content: "-";
	}
	.top-nav-mobi-ldr {
		display: none;
		position: absolute;
		top: 0;
		right: 0;
		width: 45px;
		height: 45px;
		border-radius: 3px;
		background: #234D5F url(/images/ajax-loader-mobi.gif) no-repeat center center;
	}
	.top-nav-mobi-menu .top-nav-mobi-ldr {
		top: 5px;
		right: 5px;
		width: 35px;
		height: 35px;
	}
	.top-nav-mobi-menu ul .top-nav-mobi-ldr {
		background-color: #004B28;
	}
	.sub-nav-col nav {
		display: none;
	}
	.yahoo {
		width: auto;
		padding: 15px 20px;
	}
	.yahoo .print {
		display: none;
	}
	/* EVENTS */
	.event-main {
		padding: 0;
	}
	.event-admin .col {
		text-align: left !important;
	}
	.event-admin select {
		width: 100%;
		max-width: 40% !important;
	}
	.event-transferred,
	.event-transferred-date-time {
		display: inline;
	}
	.event-current-image {
		width: 100%;
		max-width: none;
		float: left;
		text-align: center;
	}
	/* CALENDAR */
	.calendar-quick-links-header {
		margin: 30px 0 0 0;
		text-align: center;
	}
	.calendar,
	.calendar-quick-links {
		width: 48%;
		margin-top: 20px;
		float: left;
	}
	.calendar-quick-links {
		margin-left: 2%;
	}
	.calendar-quick-links li {
		width: 46%;
		padding: 0 2%;
		float: left;
	}
	.calendar-quick-links .divider {
		display: none;
	}
	.calendar-quick-links li a {
		width: 100%;
		padding: 4px 0;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	/* MISC */
	.some-lnk {
		float: none;
	}
	.view .links {
		position: relative;
	}
	.share-links {
		float: right;
		margin: 20px 0;
	}

	/* TABS */
	.tabs-header a {
		padding: 10px 15px;
		font-size: 16px;
	}
	.tab .panel.help-bubble {
		position: static;
		width: auto;
		margin: 0;
		border-radius: 0;
		box-shadow: none;
	}
	.tab .panel.help-bubble::after {
		display: none;
	}
	.tab .panel.help-bubble .panel-body {
		width: auto;
		padding: 0;
		float: none;
		border: none;
		background: none !important;
		border-radius: 0;
	}
	.tab .panel.help-bubble .panel-body p {
		margin: 10px 0;
	}
}

@media (max-width: 640px) {
	h1 {
		font-size: 2em;
	}
	h2 {
		font-size: 1.5em;
		font-family: "Roboto Bold", Roboto;
	}
	h2 {
		font-size: 1.3em;
	}
	h3 {
		font-size: 1.1em;
	}
	h4 {
		font-size: 1.0em;
	}
	th, td {
		padding: 3px;
		font-size: 0.9em;
	}
	.quarter,
	.third,
	.half {
		display: block;
		width: 100% !important;
	}
	.main-content-container.with-sidebar,
	.three-quarters .main-content-container.with-sidebar,
	.sidebar-content-container {
		width: 100%;
	}
	.site-search {
		width: 180px;
	}
	.site-search input {
		width: 140px;
		padding: 0;
		border: none;
		font-size: 15px;
		font-family: "Roboto Light", Roboto;
	}

	/* TAPAHTUMALOMAKE */
	.tabs-header {
		display: none;
	}
	.tabs .tab {
		display: block !important;
		margin-bottom: 20px;
		padding-bottom: 0;
	}
	.tabs .previous,
	.tabs .next {
		display: none;
	}
	.default-image {
		width: 46%;
	}
	.event-cancelled,
	.event-transferred,
	.event-transferred-date-time {
		display: block;
	}
	.event-cancelled {
		margin-top: 10px;
	}
	.event-buttons input {
		width: 100% !important;
		margin: 5px 0 !important;
		float: none !important;
	}

	/* MISC */
	
	.newsletter {
		overflow: auto;
		border: solid 1px #DDD;
	}
	.mobile-only-block {
		display: block;
	}
	.mobile-hidden,
	.tab.mobile-hidden {
		display: none !important;
	}
	iframe.graph {
		height: 330px;
	}
}
@media (max-width: 540px) {
	.logo {
		margin: 25px 0 25px 20px
	}
	.yahoo {
		height: 4px;
		padding: 0;
		line-height: 4px;
	}
	.yahoo-container {
		display: none;
	}
	.meta {
		margin-top: 10px;
	}
	.lang-select {
		left: 0;
	}
	.site-search {
		width: 143px;
		margin: 0;
	}
	.site-search input {
		width: 110px;
	}
	.meta-nav-block {
		padding: 0;
	}
	.top-nav-mobi,
	.meta-nav-block.font-menu,
	.meta-nav-block.lang-menu {
		position: absolute;
		top: 55px;
		right: 0;
	}
	.meta-nav-block.lang-menu {
		right: 50px;
	}
	.meta-nav-block.font-menu {
		right: 110px;
	}
	/* CALENDAR */
	.calendar-quick-links-header {
		margin-top: 10px;
	}
	.calendar,
	.calendar-quick-links {
		width: 100%;
		margin: 15px 0;
		float: none;
	}
	/* RESEARCH */
	.research-scale-question thead {
		display: none;
	}
	.research-scale-question tr {
		display: block;
		margin: 10px 0;
		padding: 10px 0;
		border-top: dashed 1px #DDD;
	}
	.research-scale-question tr:first-child {
		margin-top: 0;
		padding-top: 0;
		border: none;
	}
	.research-scale-question td {
		padding: 5px;
	}
	.research-scale-question-text,
	.research-scale-question-mobile {
		display: block;
	}
	.research-scale-question-option {
		display: none;
	}
}