.row {
	max-width: 1280px;
}


h1,
h2,
h3,
h4,
h5,
.button {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
}

h1 {
	font-family: 'Oregano', cursive;
}

body,
.top-bar-section ul li > a { 
	font-family: 'Bitter', serif;
}

#yritys { margin-top: 1em; }

.image-header {
	height: 500px;
	max-width: 1280px;
	background: url('../img/slider-asunto-1.jpg') no-repeat bottom center;
	background-size: cover; 
	margin-bottom: 2em;
	margin: 0 auto;
}

.centered-text, .galleria { 
	text-align: center; 
}	

.clearing-thumbs li { 
	margin-top: 1em;
}

.clearing-thumbs li a img:hover { box-shadow: 0 0 5px 0 rgba(0,0,0,0.8); }


#referenssit {
	margin-bottom: 4em; 
}

.top-bar { 
	background: transparent;
}

.top-bar-section li:not(.has-form) a:not(.button) {
	padding: 0 15px;
	line-height: 4.9em;
	background: transparent;
	color: black;
	font-size: 1em;
}

.top-bar-section li:not(.has-form) a:not(.button):hover { color: #fff; }

.top-bar-section ul { background: transparent; }

.fixed { 
	background-color: rgba(232,232,232,0.8);
}

.top-bar {
	width: 100%;
	max-width: 1280px; 
	margin: 0 auto; 
}

.top-bar, 
.top-bar .name {
	height: 4em;
}
.top-bar .name h1{ 
	line-height: 4.4em; 
}

.top-bar .name h1 a {
	color: black;
	font-size: 1.4em;
}

button,
.button {
	border: solid 2px #333;
	color: #333;
	background: none;
	text-transform: uppercase;
	font-weight: 700!important;
}

button:hover, 
button:focus, 
.button:hover, 
.button:focus { background: #333; }
 
footer {
	padding-top: 1em;
	margin-top: 2em;
	background-color: #f4eee4;
	width: 100%;
}

footer h2 { margin-bottom: 1em; }

a.footer-extra { font-size: 12px; font-weight: 400; color: #777; }

.back-to-top {
    position: fixed;
    bottom: 2em;
    right: 0px;
    text-decoration: none;
    color: white;
    background-color: rgba(0, 0, 0, 0.80);
    font-size: 12px;
    padding: 1em;
    display: none;
}

.back-to-top:hover {    
    background-color: rgba(255, 255, 255, 0.50);
    color: #333;
}

@media only screen and  (max-width: 64em) {

	.top-bar { width: 100%; }
}

@media only screen and (max-width: 40em) {

	body { padding: 0 1em; }
	
	h1 { font-size: 1.875em; }

	.top-bar .toggle-topbar.menu-icon a { color: black; }

	.top-bar .name h1 { 
		display: none;
	}

	.top-bar.expanded .title-area {
		background-color: rgba(232,232,232,0.8);
	}

	.top-bar-section li:not(.has-form) a:not(.button):hover { background: #333; }

	.image-header { height: 200px; }

}