html {
    height: 100%;
}
body {
    background-color: #ffffff;
    color: #000000;
    font-family: din_alte;
    height: 100%;
    font-size: 18px;
}
a {
    text-decoration: none;
}

.white {
    color: #ffffff;
}
.dark-grey{
    color: #9b9b9b;
}
.align-right {
    text-align: right;
}
.flex {
    display: flex;
}
.flex-split {
    justify-content: space-between;
}
.flex-center {
     justify-content: center;
}
.flex-vcenter {
     align-items: center;
}
.flex-start {
     justify-content: flex-start;
}
.flex-end {
     justify-content: flex-end;
}
.flex-left {
     align-self: flex-start;
}
.flex-right {
     align-self: flex-end;
}
.flex-1{
    flex: 1;
}
.flex-2{
    flex: 2;
}
.flex-3{
    flex: 3;
}
.flex-4{
    flex: 4;
}
.flex-5{
    flex: 5;
}
.mr-3 {
    margin-right:1.5em;
}

.container {
    background-color:#eeeeef;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

#title-and-phone {
    text-align: center;
}

#title {
    background-color: #bdbec0;
    padding: 40px;
}

#phone {
    padding: 20px;
}

#navigation {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 50px;
    font-size: 16px;
    width: 300px;
}

#email {
    margin-bottom:20px;
}

#flexplus {
    width: 976px;
}