* {
    box-sizing: border-box;
    font-family: Muller-Regular,arial,sans-serif;
    font-size: 1em;
}

body {
    margin: 0;
    padding: 20px;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.flex-container {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}

img.work-in-progress {
    width: 100%;
    height: auto;
}

.flex-item-left {
    margin-right: 40px;
}

.contact {
    font-size: 0.75rem;
}

/* Typography */
@font-face {
    font-family: 'Muller-Bold';
    src: url('../webfonts/38D068_1_0.eot');
    src: url('../webfonts/38D068_1_0.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/38D068_1_0.woff2') format('woff2'),
         url('../webfonts/38D068_1_0.woff') format('woff'),
         url('../webfonts/38D068_1_0.ttf') format('truetype');
}
@font-face {
    font-family: 'Muller-Regular';
    src: url('../webfonts/38D068_4_0.eot');
    src: url('../webfonts/38D068_4_0.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/38D068_4_0.woff2') format('woff2'),
         url('../webfonts/38D068_4_0.woff') format('woff'),
         url('../webfonts/38D068_4_0.ttf') format('truetype');
}

a {
    color: #000000;
    text-decoration: none;
}
h1 {
    font-family: Muller-Bold,arial,sans-serif;
    font-size: 1.5rem;
    margin-bottom: 0px;
}

span.green, span.green a {
    color: #28c832;
    font-style: italic;
    font-weight: bold;
}
span.text-nowrap {
     white-space: nowrap;
}


/* Margins */
.mt-5 {
    margin-top: 5px;
}
.mb-40 {
    margin-bottom: 40px;
}
/* Paddings */
.pr-10 {
    padding-right: 10px;
}


/* Responsive layout */
@media (min-width: 576px) {
    .d-sm-none {
        display: none;
    }
}
@media (min-width: 992px) {
    h1 {
        font-size: 2.5rem;
    }
}