@import "muuttujat.less";	


/* typografia */


h1, h2, h3, h4 {
	font-family: 'Merriweather Sans', sans-serif;	
	font-weight: normal;
	color: @blue;
}

p { font-family: 'Merriweather', serif; }

.white { 
	color: white;
	text-shadow: 0 0 3px @textshadow;	
}


.left {
	text-align: left;
}


.center {
	text-align: center;
}


h1 {
	text-align: center;
}
	

h1, h2 {
	text-transform: uppercase;
	font-size: 32px;
	line-height: 40px;
	text-align: center;	
}


h3 {
	font-size: 20px;
	line-height: 25px;
}


h4 {
	font-size: 18px;
	line-height: 25px;
}


strong {
	font-weight: 700;
}

h2 {
	margin-bottom: 40px; 
}

@media (min-width: 768px) and (max-width: 979px) { p {font-size: 13px; line-height: 17px; } }
@media (min-width: 1200px) 						 {  }
@media (min-width: 768px) and (max-width: 979px) { h3, h4 { font-size: 17px; line-height: 22px; } }
@media                        (max-width: 767px) { h1, h2 { font-size: 26px; line-height: 30px;} }
@media                        (max-width: 480px) { h1, h2 { font-size: 22px; line-height: 30px;} }