/* Global */

html,body{ 
        width:100%;     
	height:100%;  
}

body {
	overflow:scroll-y;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	color: #fff;
	letter-spacing:normal;
}

body {
  font-size: 120%;
}
#nav ul li {
  font-size: 120%; 
}

@media (max-width: 1200px) {
  body { font-size: 120%; }
  #nav ul li {	font-size: 120%; }
}
@media (max-width: 1000px) {
  body { font-size: 120%; }
  #nav ul li {	font-size: 100%; }
}
@media (max-width: 800px) {
  body { font-size: 100%; }
  #nav ul li {	font-size: 80%; }
}
@media (max-width: 600px) {
  body { font-size: 100%; }
  #nav ul li {	font-size: 60%; }
}

h1, h2 { font-family: 'Lato', sans-serif; font-weight: 700; line-height: auto !important; }

h4 { font-size: 1.4em;}

/*img {
	
	margin: 0 10px;
}*/
a {
	font-weight: 700;
	color: #ff4e00;
	text-decoration: none;
}
a:hover {
	color: #848484;
	text-decoration: none;
}

hr { border: 1px solid #fff; }
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.small {  }
button { color: #ff4e00; background: none; border: none; outline: none; }

iframe { 
margin: 25px auto;
max-width: 100%;
 }


/* Navigation */

.menu {
        z-index: 2000;
	color: #fff;
	font-family: 'Lato', sans-serif;
	position:fixed;
	//	position: relative;
	border-bottom: 5px solid white;
	top:0px;
	width:100%; 
	height:80px; 
	background: url('../images/antinpaja_header.jpg') top left repeat-x;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: auto 100%;
}
#logo {
	font-family: 'Lato', sans-serif;
	text-align: center;
	margin: 10px 0 0 0;
}

#logo a {
	color: #fff;
	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}


//#nav {
//	text-align: center;
//	margin: 0 0 10px 0;
//	font-size: 0.9em;
//}

#nav{
    position: absolute;
    top: 50%; 
    right: 0%;
    -ms-transform: translateY(-50%); /* IE 9 */
    -webkit-transform: translateY(-50%); /* Chrome, Safari, Opera */
    transform: translateY(-50%);
    margin: 0px;
    padding: 0px;
}

#nav ul{
        // float: right;
	color: #fff;
	list-style: none;
	padding:0px;
	margin: auto 0px;
	text-align: right;
	white-space:nowrap; 
}
#nav ul li{
	margin: 0 1em 0 0;
        display: inline;
	clear: none;
}

#nav ul li a{
        text-decoration: none;
	height: 100%;
}

#nav ul li a img{
	padding:0;
	margin:0;
	height: 1em;
	width: auto;
}


 .navigation a { color: #fff;}
 // .navigation a:hover{ color: #ff4e00; }

/*.navigation li:hover{
	cursor:pointer;
	color: #ececec;
}

.navigation .active{
	cursor:pointer;
	color: #fff;

}*/

#decorative { 
}
.contact { list-style: none; font-weight: 400; font-size: 0.7em; font-family: 'Lato', sans-serif; }

#maps { padding: 20px; }
#maps a {
/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

/* General Slides */ 

.slide{
	width:100%;
	height:auto;
	position: relative;
	padding:60px 0;
	
}



/* Slide 1 */ 

#slide1{
width:100%;
margin-top: 80px;
min-height: 550px;
font-size: 1.0em;
	font-weight: 400;
	text-align: center;
color:#fff;
background: url('../images/antinpaja_etusivu_1600.jpg') top repeat-x;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
	
}

.logo { float: left; text-align: left; width: 100%; max-width: 400px; height: auto; }
.slogan { text-align: right; margin-top: 220px; }

#slide1 p { 
	font-size: 0.9em;
	padding: 30px;

} 

#slide1 h1 {
	font-family: 'Lato', sans-serif;
	font-size: 2.0em;
	letter-spacing:normal;
	font-weight: 700;
	text-align: center;
	text-shadow: 2px 1px 10px rgba(0, 0, 0, 0.5);
}
#slide1 h2 {
	font-family: 'Lato', sans-serif;
	font-size: 1.4em;
	padding-bottom:20px;
	font-weight: 100;
	text-align: center;
	text-shadow: 3px 2px 5px rgba(0, 0, 0, 0.2);
}

#slide1 h3 {
	font-family: 'Lato', sans-serif;
	font-size: 1.3em;
	padding-bottom:20px;
	font-weight: 600;
	text-align: center;
	text-shadow: 3px 2px 5px rgba(0, 0, 0, 0.2);
}

.some { list-style: none; margin: 0 auto; text-align: center; }
.twitter {  }
.facebook {  }
.instagram {  }


/* Slide 2 */ 

#slide2{

/** POISTA **/

/** **/
	min-height: 350px;
	background:#fff;
	color:#000;
}
#slide2 p { 

} 

#slide2 h1 {
	font-family: 'Lato', sans-serif;
	font-size: 2.0em;
	letter-spacing:normal;
	margin: auto;
	font-weight: 700;

}
#slide2 h2 {
	font-family: 'Lato', sans-serif;
	font-size: 1.8em;
}

#slide2 h3 {
	font-family: 'Lato', sans-serif;
	font-size: 1.2em;
}

img.right {
        margin: 0 0 0 1em;
}


/* Slide 3 */ 

#slide3{
	height: 550px;
	background-image: url('../images/antinpaja_1.jpg'); 
	background-repeat: none;
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	width:100%;
	color:#fff;
	background-attachment: fixed;
	position: relative;

	}

/* Slide 4 */

#slide4{
	background:#fff;
	color:#000;
	clear: both;
}

#slide4 h1 {
	font-size: 2.0em;
	margin: auto;
	font-weight: 700;
}
#slide4 h2 {
	font-size: 1.2em;
	margin-top: 10px;
	font-weight: 700;

}

/* Slide 5 */

#slide5{
	height: 550px;
	background-image: url('../images/antinpaja_2.jpg'); 
	background-repeat: none;
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	width:100%;
	color:#fff;
	clear: both;
	background-attachment: fixed;
	position: relative;
}

/* Slide 6 */

#slide6{
	background-color:#ffffff;
	color: #000;
	clear: both;
}
#slide6 h1 {
	font-size: 2.0em;
	letter-spacing: -3px;
	margin: auto;

	font-weight: 700;
}
#slide6 h2 {

}

/* Slide 7 */

#slide7{
	height: 550px;
	background-image: url('../images/antinpaja_3.jpg'); 
	background-repeat: none;
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	width:100%;
	color:#fff;
	clear: both;
	background-attachment: fixed;
}

/* Slide 8 */

#slide8{
	background-color:#ffffff;
	color: #000;
	clear: both;
}
#slide8 h1 {
	font-size: 2.0em;
	letter-spacing: -3px;
	margin: auto;

	font-weight: 700;
}
#slide8 h2 {

}

/* Slide 9 */

#slide9{
height: 50px;
background: url('../images/antinpaja_footer.jpg') center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
width:100%;
color:#000;
clear: both;
}


/** GRID AREAS **/


.small { font-size: 0.6em; }


@media screen and (max-width: 1200px) {
	
	#slide1 { max-height: 400px !important; }
	.slide{
	width:100%;
	position: relative;
	padding:40px 0 !important;
}

}


/* Tablet */
@media screen and (max-width: 1000px) {

#logo {
	width: 100%;
	text-align: center;
}
/*
#nav {
	width:100%;
	text-align:center;
	margin:0 auto;
}

.navigation{
	width: 100%;
	list-style: none;

}

.navigation li{
	text-align: center;
	padding:0 5px;
	margin-top: 30px;
}
*/
.menu { height: 70px; }


#slide1 { min-height: 350px; margin-top: 70px; }
/* #slide3, #slide5 { max-height: 400px; min-height: 200px;} */
#slide3, #slide5, #slide7 { max-height: 400px; min-height: 200px;} 

.slide{
	width:100%;
	position: relative;
	padding:40px 0 !important;
}

#decorative {
	display:none;
}

#content {
	width:100%;
}

#slide1 h1 {
	line-height: 1em;

}
#slide1 h2 {
	line-height: 1em;

}
#slide2 h1 {
	line-height: 1em;
}
#slide2 h2 {
	line-height: 1em;
}
#slide3 h1 {
	line-height: 1em;
}
#slide3 h2 {
	line-height: 1em;
}

#slide4 h1 {
	line-height: 1em;
}
#slide4 h2 {
	line-height: 1em;
}

}
#slide5 h1 {
	line-height: 1em;
}
#slide5 h2 {
	line-height: 1em;
}

}
#slide6 h1 {
	line-height: 1em;
}
#slide6 h2 {
	line-height: 1em;
}


}
#slide7 h1 {
	line-height: 1em;
}
#slide7 h2 {
	line-height: 1em;
}

}
#slide8 h1 {
	line-height: 1em;
}
#slide8 h2 {
	line-height: 1em;
}

}


#yritys { margin-top: 200px; }


/* Landscape */
@media screen and (max-width: 800px) {

#slide1 { min-height: 260px; margin-top: 60px;}
.menu { height: 60px; }
/*
#nav {
	width:100%;
	margin-top: 0;
}

.navigation{
	width: 100%;
	text-align: center;
}

.navigation li{
	text-align: center;
	margin-top: 20px;
}
*/
}


/* Mobile */
@media screen and (max-width: 600px) {

.slide { padding: 10px 0 !important; }
#logo {
	width: 100%;
	text-align: center;
}

.menu { height: 40px; }
/*
#nav {
	width:100%;
	margin-top: 0;
}

.navigation{
	width: 100%;
	text-align: center;
}

.navigation li{
	text-align: center;
	margin-top: 30px;
}
*/
#slide1 { min-height: 200px; margin-top: 40px; }
#slide1, #slide3, #slide5 { max-height: 220px;} 
#slide7 { max-height: 120px; }

#slide1 h1 {
	line-height: 1em;
	font-size: 80%; 
}
#slide1 h2 {
	line-height: 1em;
	font-size: 80%; 
}
#slide2 h1 {
	line-height: 1em;
}
#slide2 h2 {
	line-height: 1em;
}
#slide3 h1 {
	line-height: 1em;
}
#slide3 h2 {
	line-height: 1em;
}
#slide4 h1 {
	line-height: 1em;
}
#slide4 h2 {
	line-height: 1em;
}

#slide5 h1 {
	line-height: 1em;
}
#slide5 h2 {
	line-height: 1em;
}

#slide6 h1 {
	line-height: 1em;
}
#slide6 h2 {
	line-height: 1em;
}

#slide7 h1 {
	line-height: 1em;
}
#slide7 h2 {
	line-height: 1em;
}

#slide8 h1 {
	line-height: 1em;
}
#slide8 h2 {
	line-height: 1em;
}


}