:root {
    --logoWidth: 116px;
    --fasttOrange: #ec6607;
    --fasttGrey: #3d5560;
    --bgGrey: #f7f7f7;
    --headerHeight: 72px;
    --maxWidth: 1200px;
}

.open-sans {
    font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 100;
    font-style: normal;
    font-variation-settings:
      "wdth" 100;
  }

body {
    margin: 0;
    width: 100%;
    background-color: var(--bgGrey);
    color: var(--fasttGrey);
}

.content {
    width: 100%;
    max-width: var(--maxWidth);
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    text-align: center;
}


.header {
    height: var(--headerHeight);
    width: 100%;
    background-color: white;
}

.headerContainer {
    max-width: var(--maxWidth);
    height: 100%;
    margin: 0 auto;
    display: flex;
}

.logo {
    width: var(--logoWidth);
    color: var(--fasttOrange);
    padding-left: 10px;
}


.maintenance {
    width: 40%;
    margin: 0 auto;

}

@media screen and (max-width: 800px) {
    .maintenance {
        width: 80%;
    }

    .contentText {
        margin: 0 15px;
    }
}

.telephone {
    text-decoration: none;
    color: var(--fasttGrey);
}