.textom {
    margin: auto;
    width: 41em;
}

.textom p {
    line-height: 1.2em;
    
}

#galleri {
    display: flex;
    align-items: flex-start;
    width: 100vw;
    margin: 2em auto;
}

#galleri img{
    width: 25%;
}


.person img{
    width: 10em;
    margin: 1em;
}

.person{
    text-align: center;
} 

.person h4 {
    color:#174E94;
}
.person h5 {
    color:#174E94;
    padding-top: 0.5em;
}

.tranare {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    margin: auto;
    margin-bottom: 4em;
    width: 70%;
}

iframe{
    margin: 1em auto 6em auto;
    display: block;
    width: 70%; 
    height: 30em;
}

.karta{
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 700px) {
 
    iframe{
        height: 15em;
    }

    #galleri {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        width: 100vw;
        margin: 2em auto;
    }
    
    #galleri img{
        width: 50%;
    }

    .textom {
        width: 30em;
    }

}


@media screen and (max-width: 509px) {

    .textom {
        width: 23em;
        font-size: 0.8em;
    }
}