.header{
    padding: 10px;
    text-align: center;
}
.navbar a{
    float: left;
    display: block;
    padding: 10px;
    text-align: center;
}
.row {
    display: flex;
}
.side {
    flex: 30%;
    padding: 20px;
}

.main {
    flex: 70%;
    padding: 20px;
    /*    padding er inni boksen, margin er utenfor*/
}

@media screen and (max-width: 700px) {
    .row {flex-direction: column}
}
@media screen and (max-width: 400px) {
    .navbar a {
        float: none;
        width: 100%;
    }
}