@media screen and (max-width: 1300px) {
    #EtusivunTeksti{
        padding-left: 30px;
    }
}
@media screen and (max-width: 1044px) {
    #Tiedot{
        text-align: center;
    }
    #Henkilot{
        float: initial;
        text-align: center;
        padding-top: 30px;
    }
    .HenkiloTiedot{
        float: initial;
        padding-top: 30px;
    }
    #Henkilot{
        width: 100%;
    }
    #EtusivunKuva{
        float: initial;
        width: 100%;
        padding-top: 10vh;
        padding-bottom: 30px;
    }
    #EtusivunTausta{
        height: auto;
    }
    #EtusivunTeksti{
        padding-top: 10vh;
        padding-left: 15vw;
    }
}
@media screen and (max-width: 966px) {
    #Yritys{
        left: 15px;
    }
    
    
}
@media screen and (max-width: 820px) {
    .HenkiloTiedot{
        float: initial;
        display: block;
        width: 100%;
        text-align: center;
    }
    .HenkilonKuva{
        margin-right: 0;
        margin-bottom: 10px;
        display: block;
    }
}
@media screen and (max-width: 808px) {
    #Henkilot{
        width: 100%;
    }
    .HenkiloTiedot{
        padding-top: 30px;
        float: initial;
    }
    #YrityksenTiedot{
        width: 100%;
    }
}

@media screen and (max-width: 550px) {
    .PalveluKortti{
        width: 90%;
    }
     #Henkilot{
        text-align: center;
    }
}
@media screen and (max-width: 380px) {
    #Yritys{
        top: 25px;
    }
    #Linkit{
        top: 0;
    }
    #Linkit a{
        display: block;
        margin-top: 10px;
    }
    #Alapalkki{
        height: 9vh;
    }
}