@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,800');
body, html {
	font-family: 'Open Sans', sans-serif;
}
h1, h2, h3, h4, h5, p {
	font-weight: 300;
	line-height: 1.5; 
}

/* NAV MUOKKAUS JOS TAUSTALLA TUMMAPOHJAINEN KUVA */
/*
@media only screen and (min-width : 990px){
	.navbar-default{
		margin-top: -20px;
		padding-top: 70px;
		background-color: rgba(255, 255, 255, 1)
	}
	#brand-anf{ margin-top: -20px!important; padding-bottom: 0px!important; }
}
*/

/* ******************************************************************* */
/* ******************************************************************* */
/* Team Arctic */
/* ******************************************************************* */
/* ******************************************************************* */

.container-teamarctic {
	display: block;
	width: 100%;	
}
.intro_txt { 
	display: block;
	width: 90%;
	max-width: 600px;
	margin: 40px auto 50px auto;
	text-align: center;
}
.intro_txt p {
	font-size: 18px;
	font-weight: 300;
	line-height: 1.5; 
}

.intro_txt h1 {
	font-weight: 800; 
	font-size: 28px;
	text-transform: uppercase; 
	line-height: 1.2; 
}
.container-teamarctic h2 { 
	font-size: 18px;
	font-weight: 300;
	line-height: 1.5; 
}
.container-teamarctic h3 {
	font-size: 16px;
	font-weight: 300;
	line-height: 1.5; 
	margin: 0;
	padding: 0px 0px 0px 0px;
}
.container-teamarctic h4 {
	font-size: 16px;
	font-style: italic;
	font-weight: 300;
	line-height: 1.5; 
	margin: 0;
	padding: 0px 0px 0px 0px;
}
.teamarctic {
	display: block;
	margin: 50px auto;
	width: 90%;
	max-width: 1300px;
}
.items { 
	text-align: center;
	float: left;
	width: 10%;
	background: #CCC;
	margin: 0px 10px 0px 0px;
}

.teamarctic img {
	background: rgb(238,238,238); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}
.teamarctic .row { position: relative; }
#coverflow {
	width: 90%; margin: 0 auto;
}
.row_1 { margin-left: 50px; z-index: 10; border: 1px solid blue; }
.row_2 { position: absolute;  margin-top: -50px; border: 1px solid red; z-index: 20; }

.teamarctic h3 {
	font-size: 18px;
	font-weight: 400;
	line-height: 1.5; 
	text-align: center;
}

.teamarctic h4 {
	font-size: 14px;
	font-weight: 300;
	line-height: 1.5; 
	text-align: center;	
}
.flip-items li img, .teamarctic img {
	margin-bottom: 10px;
	height: 350px;
}
.flip-items li { text-align: center; }


/* ******************************************************************* */
/* ******************************************************************* */
/* Intro */
/* ******************************************************************* */
/* ******************************************************************* */
.company_intro {
	margin: 70px auto;
}
.company_intro h1 {
	font-weight: 300; 
	font-size: 2.6vw;
	text-transform: uppercase; 
	line-height: 1.3; 
}
.company_intro h2 {
	font-weight: 300; 
	font-size: 20px;
	line-height: 1.3; 
	padding-right: 15%;
	padding-left: 15%;
}

.company_intro h3 {
	font-weight: 300; 
	font-size: 20px;
	line-height: 1.3; 
	padding-right: 15%;
	padding-left: 15%;
}
.company_intro .description {
	font-size: 14px;
	line-height: 1.3;
	text-align: center;
}


/* ******************************************************************* */
/* ******************************************************************* */
/* The Arctic Story */
/* ******************************************************************* */
/* ******************************************************************* */

.cells {
	background: bottom right url(../img/bg/arcticstory/bg_cells.jpg) no-repeat;
	background-size: cover;
	min-height: 768px;
}
.cells_txt p, .cells_txt h2, .cells_txt h3, .as p, .global h3, .scitech h2 {
	font-weight: 300;
	line-height: 1.3;
}

.as p {
	font-size: 1.4rem;
}
.as h1, .as h2, .as h3, .as h4, .as h5 {
	font-weight: 300;
	line-height: 1.3;
}

.global {
	background: top center url(../img/bg/arcticstory/bg_global_soluni.jpg) no-repeat;
	background-size: cover;
	min-height: 768px;
}

.berries {
	background: bottom left url(../img/bg/arcticstory/bg_berries.jpg) no-repeat;
	background-size: cover;
	min-height: 768px;
}

.arcticstory {
	background: bottom center url(../img/bg/arcticstory/arcticstory.jpg) no-repeat;
	background-size: cover;
	min-height: 1300px;
}

.future {
	background: top center url(../img/bg/arcticstory/bg_future.jpg) no-repeat;
	background-size: cover;
	min-height: 768px;
}

@media (min-width: 2000px) { 
	.arcticstory {
		background: bottom center url(../img/bg/arcticstory/arcticstory.jpg) no-repeat;
		background-size: cover;
		min-height: 1500px;		
	}
}

@media (max-width: 992px) { 
	.global {
		background: bottom center url(../img/bg/arcticstory/bg_global_mobile_soluni.jpg) no-repeat;
		background-size: cover;
		min-height: 100vh;
	}
	.arcticstory {
		background: bottom center url(../img/bg/arcticstory/arcticstory_mobile.jpg) no-repeat;
		background-size: cover;
		min-height: 1000px;
	}
	.about h2 { font-size: 24px; }
	.about h3 { font-size: 22px; }
	.about p { font-size: 1.2rem; }
}

@media (max-width: 768px) { 
	.about h2 { font-size: 22px; }
	.about h3 { font-size: 20px; }
	.about p { font-size: 16px; }
}

@media (max-width: 660px) { 
	.cells{
		height: 50vh!important;
	}
	.about h2 { font-size: 18px; }
	.about h3 { font-size: 18px; }
	.about p { font-size: 16px; }
}