#main-navi-resp {
	display: none;
}
.mean-container .mean-bar {
	background: #47b7e5;
}
.mean-container .mean-nav {
	background: #474747;
	padding: 0;
}
.mean-currentpage {
	color: #fff;
	font-family: 'Alfa Slab One', cursive;
	position: absolute;
	margin: 10px 0px 0px 10px;
	text-transform: uppercase;
}

@media only screen and (max-width: 1620px) {
.center-col {
	width: 1400px;
}
.vaappukuva {
	height: 195px;
}
	.vaapputeksti h3 {
    font-size:1em;
}
	ul.main-navi li a {
    font-size: 1.150em;
    padding: 68px 17px;
}
}

@media only screen and (max-width: 1440px) {
.center-col {
	width: 1200px;
}
	.gallery img {
     height: 146px;
}
	#vaappumallit-alasivu .vaappukuva {
    height: 289px;
}
	ul.main-navi li a {
    font-size: 1em;
    padding: 68px 14px;
}
	#lomake {
	width: 60%;
	padding: 0 20%;
}
#tunnus img, #footertunnus img {
	width: 200px;
	height: auto;
}
#saavutus-wrapper {
	padding: 100px 0px;
	margin-top: 110px;
}
#footer-wrapper {
	padding: 100px 0px;
}
h1 {
	font-size: 4em;
}
#headerteksti {
	padding: 120px 0px;
}
h2, h2 a {
	font-size: 1.675em;
}
h3 {
	font-size: 1em;
}
	.vaapputeksti h3 {
    font-size: 0.9em;
}
.vaappukuva {
    height: 168px;
}
a.button {
	border-radius: 40px;
	font-size: 1em;
	padding: 13px 61px;
}
.padding {
	padding: 80px 0px;
}
}

@media only screen and (max-width: 1280px) {
.center-col {
	width: 1000px;
}
	.gallery img {
    height: 119px;
}
	#lomake {
	width: 70%;
	padding: 0 15%;
}
ul.main-navi li a {
    font-size: 0.9em;
    padding: 68px 6px;
}
.vaappukuva {
    height: 138px;
}
	.vaapputeksti h3 {
    font-size: 0.7em;
}
#header {
	height: 942px;
}
#saavutus-wrapper {
	padding: 80px 0px;
	margin-top: 90px;
}
#footer-wrapper {
	padding: 80px 0px;
}
}

@media only screen and (max-width: 1024px) {
.center-col {
	width: 760px;
}
	#vaappumallit-alasivu .vaappukuva {
    height: 189px;
}
.vaappukuva {
    height: 106px;
}
.vaapputeksti {
	padding: 17px 0px;
}
h3 {
	font-size: 1em;
}
.padding {
	padding: 60px 0px;
}
#content-wrapper table, #content-wrapper tr {
	clear: both;
	display: block;
	height: auto;
	width: 100%;
}
#content-wrapper tbody {
	display: inline-block;
	width: 100%;
}
#content-wrapper td {
	display: block;
	float: none;
	width: 100%;
}
#content-wrapper table #content-wrapper td #content-wrapper table #content-wrapper td {
	width: 100% !important;
}
#content-wrapper img {
	float: none;
	display: block;
	height: auto;
	margin: 0;
	max-width: 100%;
}
h1 {
	font-size: 3em;
}
#headerteksti p {
	padding: 0 20%;
	width: 60%;
}
#header .col-25, #header .col-75, #footer-wrapper .col-33, #header-alasivu .col-25, #header-alasivu .col-75 {
	clear: both;
	float: none;
	width: 100%;
}
#header-alasivu {
	height: 400px;
}
.col-33, .col-25, .col-50, .col-66, .col-75 {
	display: block;
}
#saavutus-wrapper {
	padding: 65px 0px;
	margin-top: 0;
}
#tunnus {
	padding-top: 25px;
	text-align: center;
}
#header {
	height: auto;
	padding-bottom: 50px;
}
#headerteksti {
	padding: 53px 0px;
}
ul.main-navi li a#facebook {
	padding: 20px 27px;
}
ul.main-navi li a {
    font-size: 0.9em;
    padding: 28px 7px;
}
#footer-wrapper {
	text-align: center;
}
#footer-wrapper table, #footer-wrapper tr {
	clear: both;
	display: block;
	height: auto;
	width: 100%;
}
#footer-wrapper tbody {
	display: inline-block;
	width: 100%;
}
#footer-wrapper td {
	display: block;
	float: none;
	width: 100%;
	text-align: center;
}
#footer-wrapper {
	padding: 50px 0px;
}
#footer-wrapper table #footer-wrapper td #footer-wrapper table #footer-wrapper td {
	width: 100% !important;
}
#footer-wrapper img {
	display: inline-block;
	height: auto;
	margin: 0;
	max-width: 100%;
}
.gallery li {
	width: 31%;
	margin: 0 1%;
	padding-bottom: 21px;
}
}

@media only screen and (max-width: 765px) {
.center-col, .main-navi {
	width: 94%;
	padding: 0 3%;
}
	.vaappukuva {
    height: 214px;
}
	.vaapputeksti h3 {
    font-size: 1em;
}
		#lomake {
	width: 100%;
	padding: 0%;
}
.kapeakappale {
	display: block;
	width: 100%;
	padding: 0%;
}
#sivunotsikko h1 {
	font-size: 2em;
	padding: 50px 0;
}
#header-alasivu {
	height: auto;
}
a.button {
	margin-top: 15px;
}
.padding {
	padding: 40px 0px;
}
body {
	font-size: 90%;
}
a.vaappumalli {
	box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
	margin: 18px 1% 18px 1%;
	width: 31%;
}
.main-navi {
	display: none;
}
#main-navi-resp {
	display: block;
}
#tunnus {
	padding: 18px 0;
}
#tunnus img, #footertunnus img {
	width: 160px;
	height: auto;
}
}

@media only screen and (max-width: 640px) {
a.vaappumalli {
	margin: 10px 25%;
	width: 50%;
}
	
	#vaappumallit-alasivu a.vaappumalli {
margin: 10px 25%;
	width: 50%;
}
	.col-50{
	clear: both;
	float: none;
	width: 100%;
}
a#levea {
	width: 50%;
}
#vaappumallit {
	background: none;
}
#headerteksti p {
	padding: 0%;
	width: 100%;
}
}

@media only screen and (max-width: 568px) {
.gallery li {
	width: 48%;
	margin: 0 1%;
	padding-bottom: 10px;
 a.vaappumalli {
 margin: 10px 20%;
 width: 60%;
}
#footernavi {
	display: none;
}
a#levea {
	width: 60%;
}
#saavutus-wrapper {
	padding: 45px 0px;
	margin-top: 0;
}
#footer-wrapper {
	padding: 35px 0px;
}
#tunnus img, #footertunnus img {
	width: 130px;
	height: auto;
}
}

@media only screen and (max-width: 480px) {
.padding {
	padding: 30px 0px;
}
a.vaappumalli, #vaappumallit-alasivu a.vaappumalli {
	margin: 10px 15%;
	width: 70%;
}
a#levea {
	width: 70%;
}
h1, h1 a {
	font-size: 2.1em;
}
h2, h2 a {
	font-size: 1.7em;
}
}

@media only screen and (max-width: 375px) {
a.vaappumalli, #vaappumallit-alasivu a.vaappumalli {
	margin: 10px 10%;
	width: 80%;
}
a#levea {
	width: 80%;
}
}

@media only screen and (max-width: 320px) {
h1, h1 a {
	font-size: 1.9em;
}
a.vaappumalli, #vaappumallit-alasivu a.vaappumalli {
	margin: 10px 5%;
	width: 90%;
}
a#levea {
	width: 90%;
}
}