@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,700);

body {	padding-top:93px;
	font-family: 'Roboto', Arial, Helvetica, Trebuchet MS, sans-serif;
	background: url(../images/bg.jpg) repeat-x center top #e1e1e1;
	background-size: 1950px 630px;
	color: #313033;
	font-weight: 400;
	font-size: 16px;
}

p { font-size: 16px;}

a {color: #0971b2;font-weight: normal;font-style: normal;}

a:hover {color: #1c4c8d;}

header {background-color:#225dac;}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto', Arial, Helvetica, Trebuchet MS, sans-serif;
	font-weight: 700;
	color: #225dac;
	line-height: normal;
	padding: 0;
	margin: 0;}

	h1 { font-size: 40px; }
	h2 { font-size: 33px; }
	h3 { font-size: 28px; }
	h4 { font-size: 22px; }
	h5 { font-size: 18px; }
	h6 { font-size: 16px; color: #fff;}

a.class1 {color: #FFF;}

.ingress {color: #fff; font-weight: 300; font-size: 20px;}

.copyright {color: #3f7ed2;}

.white {color: #FFF;}

.h_padding_bottom {padding-bottom: 15px;}

.img-rounded {border-radius: 3px;}

footer {background-color:#225dac; color:#fff;}

.esittely{background-color: #fcfcfd; padding-top:28px; padding-bottom:20px; padding-left:30px; padding-right:30px; margin-bottom: 30px;}

.header_img {margin-top: 0px;}

.frontpage_contact_conten_table{width: 100%; display: table; background-color: #225dac; margin-bottom: 30px; }


/* HEADER/NAVBAR
------------------------------------------------------------------------------------------*/
/*.navbar {background: url(../images/header_bg.png) repeat-x center top}*/

nav {color: white; font-size: 14px;}

.navbar-default {background-color: #225dac;border-color: #225dac;}

.nav > li > a {padding-left:8px; padding-right:8px;}

.navbar-default .navbar-toggle .icon-bar {background-color: #225dac;}

.navbar-default .navbar-nav > li > a {color: white;}

.navbar-default .navbar-nav > li > a:hover {background-color: #2057a1; color: white;}

.navbar-default .navbar-nav > .active > a{background-color: #2057a1; color: #fff;}

.navbar-default .navbar-nav > .active > a:hover{background-color: #2464b8; color: white;}

.navbar-toggle {margin-top: 8px;}

.navbar-nav > li > a {padding-top: 10px;padding-bottom: 10px;}

.navbar-nav {margin-top: 22px;}

.navbar-toggle {margin-top: 28px;}

.navbar-default .navbar-toggle {border-color: #fff;}

.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}


/* @MEDIA
------------------------------------------------------------------------------------------*/

@media (max-width: 768px) {

	.frontpage_contact_content{
	color: white;
	text-align:center;display: table-cell;vertical-align: middle;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
			}
	.margin {margin-top: 0px;}	
	.navbar-brand {padding: 22px 15px;width: 243px;margin-top:5px;}
	.margin-bottom{margin-bottom: 20px;}
	body {background-size: 1500px 450px;}
	.header_text {margin-top: 20px; margin-bottom: 33px;}
	h1 { font-size: 29px; }
	.page_name_text {font-size: 38px; font-family: 'Roboto', Arial, serif; font-weight: 700; color: #fff;}
	.page_name {margin-top: 22px; margin-bottom: 16px;}
}

@media (min-width: 768px) {
	
.frontpage_contact_content{
	color: #fff;
	text-align:center;
	display: table-cell;
	vertical-align: middle;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 30px;
	padding-bottom: 30px;
	}
	h1 { font-size: 30px; }
	body {background-size: 1500px 450px;}
	.header_text {margin-top: 20px; margin-bottom: 33px;}
	.navbar-brand {padding: 22px 15px;width: 243px;margin-top:5px;}
	.page_name_text {font-size: 45px; font-family: 'Roboto', Arial, serif; font-weight: 700; color: #fff;}
	.page_name {margin-top: 22px; margin-bottom: 16px;}
}

@media (min-width: 992px) {

	.frontpage_contact_content{padding-left: 40px; padding-right: 40px; padding-top: 30px; padding-bottom: 30px;}
	body {background-size: 1723px 517px;}
	.ingress {font-size: 24px;}
	.navbar-brand {padding: 21px 15px; width: 430px; margin-top:-8px;}
	.header_text {margin-top: 32px; margin-bottom: 50px;}
	h1 { font-size: 34px; }
}

@media (min-width: 1200px) {

	body {background-size: 1950px 585px;}
	.ingress {font-size: 25px;}
	.navbar-brand {padding: 21px 15px; width: 430px; margin-top:-8px;}
	h1 { font-size: 38px; }
}