@import url('https://fonts.googleapis.com/css2?family=Arvo:ital@0;1&display=swap');

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    font-family: 'Arvo', serif;
    font-size: 15px;
    color: #000;
}

h2 {
    font-family: 'Arvo', Arial, sans-serif !important;
    font-weight: normal;
    font-size: 1.75rem;
    text-align: center;
    color: #000 !important;
    margin: 0;
    line-height: 1.2em;
}

h6 {
    font-family: 'Arvo', Arial, sans-serif;
    font-weight: normal;
    font-size: .8rem;
    text-align: center;
    color: #000;
    padding: 0;
    margin: 0;
}

a {
    color: #000;
}

.promo {
    display: flex;
    justify-content: center;
}

.promo .container {
    max-width: 30rem;
}

.promo .divider {
    width: 40rem;
    margin: 2.5rem 0;
}

.promo-footer {
    margin-top: 1rem;
}

.container {
    max-width: 20rem;
    margin: 0 auto;
    padding: 0 1rem;
    /*border: 2px solid firebrick;*/
}

.job-container {
    max-width: 42rem;
    margin: 0 auto;
    padding: 0 1rem;
    /*border: 2px solid firebrick;*/
}

.header .container {
    display: flex;
    padding: 2rem 0 3rem 0;
    justify-content: center;
}

.title {
    margin-bottom: 0.5rem;
}

.title .container {
    display: flex;
    justify-content: center;
}

.title .heading {
    text-transform: uppercase;
    letter-spacing: 0.1rem;
}

.open-hours {
    margin-top: 1rem;
    margin-bottom: 0.5rem;
}

.open-hours .day {
    font-size: 0.8rem;
    margin-bottom: 0.5rem;
}

.day {
    display: flex;
    justify-content: space-between;
}

.day .italic {
    font-style: italic;
}

.social {
    margin-top: 1rem;
}

.social .container {
    display: flex;
    justify-content: center;
}

.footer {
    display: flex;
    justify-content: center;
    margin-top: auto;
    padding: 2rem;
    font-size: 0.8rem;
    text-align: center;
}

.margin-8 {
    margin: 0.6rem;
}

.margin-top {
    margin-top: 2.5rem;
}

.mjus {
    font-weight: bold;
}