@charset "utf-8";
/* CSS Document Mediamääritteet Responsiivisuutta Varten */


@media only screen and (max-width:1220px) {
.photoColumn {width: 32.8%;}
}

@media only screen and (max-width:1024px) {
nav ul { display: none; }
nav.mobile-menu {
display: block;
float: right;
position: relative;
right: 20px;
text-align: right;}
nav.mobile-menu a:hover,
nav.mobile-menu a:active {background-color: #228B22;text-shadow: 3px 0px rgba(0,0,0,0.22);}
.logo {padding-left: 20px;}
.slides{display:none;}
}


/*Tabletti (Landscape)*/
@media only screen and (min-width:769px) and (max-width:1024px) {
.photoColumn {width: 32.8%;}
}

/*Tabletti (Portrait)*/
@media only screen and (max-width:768px) {
body {font-size: 18px}
.leftColumn, .rightColumn, .photoColumn img, .logoColumn, .form {width:100%; padding: 0px;}
.page.main {padding: 20px;}
footer.main {display: none;}
nav.main {display:none;}
.leftColumn {border: none;}
.columnpadding, article h2 {padding: 10px 40px;}
article h2 {font-size:90%;}
article h3 {font-size:30px;}
.form{padding: 0px;}
footer.main {display: none;}
footer.text {font-size:12px;}
textarea{width:100%;}
.logoColumn {width: 50%; padding:0;}
.photoColumn {width: 33.3333%; padding:0;}
}


/*Älypuhelin (Portrait)*/
@media only screen and (max-width:480px) {
body {font-size: 18px}
.leftColumn, .rightColumn, .photoColumn img, .logoColumn, .form {width:100%;}
.page.main {padding: 20px;}
nav.main {display:none;}
.leftColumn {border: none;}
.columnpadding {padding: 10px;}
.form{padding: 0px;}
footer.main {display: none;}
footer.text {font-size:12px;}
textarea, .photoColumn, .logoColumn {width:100%;}

}