@media screen and (max-width: 1200px) {
    .VasenPalkki,
    .OikeaPalkki {
        width: 100%;
    }
}
@media screen and (max-width: 950px) {
    body{
        background: #fff;
    }
    #AvaaValikko {
        width: 40px;
        height: 40px;
        font-size: 1.4em;
        position: fixed;
        right: 20px;
        top: 23px;
        display: block;
        color: #888;
        transition: 300ms;
        z-index: 1000;
    }
    #AvaaValikko:hover {
        color: #333;
        cursor: pointer;
        transition: 300ms;
    }

    #Alapalkki {
        padding-bottom: 35vh;
    }
    #Alapalkki table tr td:last-of-type {
        padding-right: 0;
    }
    #Alapalkki table td {
        width: 100%;
        display: block;
        margin-bottom: 10px;
        padding-right: 0;
    }

    #HallinnonTiedot,
    #PuheenjohtajanTiedot {
        margin-left: 0;
        display: block;
        width: 100%;
    }
    #Ylapalkki{
        height: 60px;
    }
    #Ylapalkki h2 {
        position: absolute;
        top: 22px;
        font-size: 0.8em;
        left: 25%;
        pointer-events: none;
    }
    #KirjauduUlos:not(.showOnMobile) {
        display: none;
    }
    #KirjauduUlos i{
        display: block;
        font-size: 2em;
        margin-bottom: 40px;
        color: #888;
    }
    #KirjauduUlos{
        width: 100%;
        margin-top: 100px;
        text-align: center;
        margin-right: 0px;
        height: auto;
        line-height: 1.1em;
        float: initial;
        position: absolute;
        bottom: 50px;
    }
    #Mobile {
        display: block;
    }
    #Valikko {
        width: 30px;
        height: 30px;
        transition: 300ms;
        position: relative;
    }
    #Valikko.Auki {
        width: 100%;
        height: 100%;
        transition: 300ms;
        position: fixed;
        z-index: 2000;
        background: #e5e5e5;
        top: 70px;
    }
    .ValikkoItem {
        width: 100%;
        display: none;
    }
    #Valikko.Auki .ValikkoItem {
        display: block;
    }
    #Valikko #AvaaValikko + .ValikkoItem{
        margin-top: 50px;
    }

    #Tiedostot,
    .SivunSisalto {
        width: 100%;
        margin-left: 0;
        padding: 0px 20px;
        padding-bottom: 40px;
    }
    #PalkinPiilotus {
        display: none;
    }
    #SisaltoTiedostot {
        padding: 0px;
        padding-top: 60px;
    }
    #Tiedostot {
        padding: 0;
        position: relative;
        z-index: 2;
        background: #fff;
    }
    .Tiedosto,
    .Kansio {
        width: 100%;
        padding-right: 20px;
        margin-bottom: 20px;
    }
    #Polku {
        left: 10px;
        top: 150px;
        width: calc(100% - 50px);
        overflow-x: auto;
        white-space: nowrap;
        z-index: 1;
        padding-bottom: 20px;
        margin-left: 30px;
    }
    .VasenPalkki,
    .OikeaPalkki {
        width: 100%;
    }
    #Yhteystiedot label:not(.Inline) input {
        width: 100%;
    }
    #LahetaTiedotForm {
        padding-bottom: 140px;
    }
    #Tiedostot > div:last-of-type {
        margin-bottom: 40px;
    }
    #TiedotLahetetty .Modaali,
    #LahetetaanTietoja .Modaali,
    #SalasanaModaali,
    #KirjaudutaanModaali,
    #KirjauduttuModaali,
    #SPVahvistettu .Modaali {
        width: 90%;
        left: 5%;
        height: auto;
    }
    .Lisatietoa.top {
        margin-top: 0;
    }
    #Sisalto {
        padding: 180px 20px;
    }
   
    #AsiakasHaku {
        width: 100%;
        margin-bottom: 5px;
    }
    input#Paikkakunta {
        width: 68%;
    }
    #HaeAsiakasta {
        width: 30%;
    }
    #Hakutulokset .Hakutulos {
        display: block !important;
        padding: 10px 15px;
    }
    .Hakutulos span {
        width: calc(100% - 120px) !important;
    }
    #KirjauduttuModaali i {
        margin-bottom: 0px;
    }
    #LomakeLahetettyOnnistuneesti {
        width: calc(100% - 40px);
        padding: 10px;
    }
    .showOnMobile{
        display: block;
    }
    .mobile-languages {
        position: absolute;
        right: 80px;
        top: 20px;
    }
    #Kokouslinkki {
        margin-left: 25px;
        line-height: 2em;
    }
    #Kokouslinkki .Ohje{
        margin-left: 0px;
        display: block;
        width: 150px;
        border-bottom: 0px;
    }
}