@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,500|Great+Vibes|Archivo+Narrow:400,500,600,700|Cinzel+Decorative|Merriweather+Sans:300,400|Euphoria+Script|Montez|Montserrat:200,300,400,500|Open+Sans:300,400|Philosopher|Aguafina+Script|Allura|Italianno|Niconne|Poppins:200,300,400|Tangerine&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Poppins:wght@300;400;500;600&family=Roboto&display=swap');

body {
    font-size: 1em;
    font-family: 'Lato', sans-serif;
    color: #222;
    overflow-x: hidden;
    -ms-overflow-x: hidden;
    margin: 0;
    font-weight: 300;
    letter-spacing: 1.2px;
    line-height: 1.7;
}

.main {
    max-width: 1000px;
    padding-top: 70px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 90px;
}

h1, h2 {
    margin: 15px 0 0 0;
    font-size: 2.5em;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 120%;
    text-align: left;
}

h1, h2, h3, h4, .nimimerkki {
    font-family: 'Poppins', sans-serif;
    color: #3a2e29;
}


.main h1 {
    margin-top: 0;
}

.main h2 {
    margin-top: 50px;
    font-size: 1.6em;
}
.centered h1 {
    color: #fff;
    font-size: 70px !important;
    text-shadow: 0 0 13px rgba(0,0,0,0.8);
    line-height: 94px;
    margin: 0 auto 10px auto !important;
}


.centered {
    position: absolute;
    top: 50%;
    left: 25%;
    transform: translate(-25%, -50%);
}

.centered h1 {
	color: #fff;
	font-size: 70px !important;
	text-shadow: 0 0 13px rgba(0,0,0,0.8);
	line-height: 94px;
	    margin: 0 auto 10px auto !important;
}



.header-image-and-title .container {
    position: relative;
    text-align: center;
    color: white;
	width: 100%;
	padding: 0;
	max-width: 100%;
}

.page-header-image img {
	width: 100%;
	height: auto;
	max-height: 520px;
	object-fit: cover;
}

.page-header-image {
	position: relative;
    text-align: center;
}

.header-and-image {
    position: relative;
    text-align: center;
    color: white;
	height: 400px;
}

.header-image-and-title {
    height: 400px;
    background-position: center;
    position: relative;
}