/* line 1, mobile.less */
.ccm-page {
  /*Mobile.css media=screen
Adaptean responsiivisuus*/
  /* *******MEDIA QUERYT*******
   
  
   */
  /*ALLE 790 px kuutio h�vi��, artikkeli levenee koko sivun kokoiseksi yms yms.
   */
}
@media screen and (max-width: 995px) {
  /* line 9, mobile.less */
  .ccm-page {
    /* Ruubikin kuutio pois*/
    /* Etusivun leveys koko ruudulle */
  }
  /* line 11, mobile.less */
  .ccm-page #kuutio {
    display: none;
  }
  /* line 15, mobile.less */
  .ccm-page article#main_content {
    max-width: 100%;
    float: none;
  }
  /* line 19, mobile.less */
  .ccm-page nav li > a,
  .ccm-page nav li > a:visited {
    padding: 0 0.7em;
  }
}
@media screen and (max-width: 830px) {
  /* line 26, mobile.less */
  .ccm-page nav li > a,
  .ccm-page nav li > a:visited {
    padding: 0 0.4em;
  }
}
@media screen and (max-width: 760px) {
  /* line 33, mobile.less */
  .ccm-page {
    /*Mobiili n�kyviin */
    /* Logopalkki muuttuu */
    /* Navigaation romauttaminen */
  }
  /* line 35, mobile.less */
  .ccm-page .mobile {
    display: block;
  }
  /* line 39, mobile.less */
  .ccm-page .mobHide {
    /*K�yt�ss� menua varten - piilotetaan menu oletuksena, javascript n�pp�� menun p��lle ja pois */
    display: none;
  }
  /* line 44, mobile.less */
  .ccm-page .logo {
    background-image: url(img/pikkulogo_valk.png);
    background-position: left;
    min-height: 80px;
    height: auto;
  }
  /* line 56, mobile.less */
  .ccm-page nav {
    float: none;
    left: 0;
  }
  /* line 61, mobile.less */
  .ccm-page nav ul {
    margin-left: auto;
    margin-right: auto;
    left: 0;
    float: none;
    padding-left: 0;
    text-align: center;
    width: 100%;
  }
  /* line 71, mobile.less */
  .ccm-page nav li {
    display: block;
    border: none;
    padding-bottom: .25em;
    width: 100%;
  }
  /* line 78, mobile.less */
  .ccm-page nav li > a,
  .ccm-page nav li > a:visited {
    text-align: inherit;
    padding: 0 0;
  }
  /* line 84, mobile.less */
  .ccm-page .col-right {
    text-align: right;
  }
  /* line 88, mobile.less */
  .ccm-page div[class*="ccm-layout"] {
    width: 100% !important;
    margin-left: 0 !important;
    padding-bottom: 1em;
  }
  /* line 94, mobile.less */
  .ccm-page div[class*="ccm-layout"]:last-child {
    padding-bottom: 0px;
  }
}
@media screen and (max-width: 280px) {
  /* line 99, mobile.less */
  .ccm-page {
    /* Navigaation romauttaminen */
  }
  /* line 101, mobile.less */
  .ccm-page .logo {
    background-position: left;
    min-height: 80px;
  }
  /* line 105, mobile.less */
  .ccm-page #menuicon {
    width: 60px;
    height: 60px;
    margin-top: 10px;
    margin-left: 10px;
  }
  /* line 113, mobile.less */
  .ccm-page nav {
    float: none;
    left: 0;
  }
  /* line 118, mobile.less */
  .ccm-page nav ul {
    left: 0;
    float: none;
    padding-left: 0;
  }
  /* line 124, mobile.less */
  .ccm-page nav li {
    border: none;
    width: 100%;
    margin-left: 0;
    padding-bottom: .25em;
  }
  /* line 133, mobile.less */
  .ccm-page nav li > a,
  .ccm-page nav li > a:visited {
    padding: 0 0;
  }
  /* line 137, mobile.less */
  .ccm-page .col-right {
    text-align: left;
  }
  /* line 141, mobile.less */
  .ccm-page #language,
  .ccm-page #contact {
    text-align: left;
  }
}