:root {
    --color: #ab1037;
    font-size: 14pt;
    line-height: 18pt;
}


/*** fonts ***/
@font-face {
    font-family: 'Signika';
    src: url(../font/Signika-SemiBold.ttf) format("TrueType");
    font-style: normal;
    font-weight: bold;
    font-weight: 700;
}
@font-face {
    font-family: 'Signika';
    src: url(../font/Signika-Light.ttf) format("TrueType");
    font-style: normal;
    font-weight: normal;
    font-weight: 400;
}

* {
    position: relative;
    box-sizing: border-box;
}

html, body, td, th, tr, table, ul, ol, li, p, div, h1, h2, h3, h4, h5, h6 {
    margin: 0; padding: 0; position: relative;
}
html, body, header, main, footer {
    font-weight: 400;
    font-family: "Signika";
}
ul, ol {
    padding: 0 0 0 5%;
}
p { margin: 10px 0; }

section:empty,
p:empty,
div:empty,
h2:empty {
  display: none;
}
a {
    color: var( --color );
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
a[href^="tel:"] { white-space: nowrap; }

#wrapper {
    margin: auto;
    max-width: 900px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    background-color: #fff;
    /* font-size: 1rem; */
}
main {
    padding: 10px 5% 0 5%;
}
ul {
    list-style-type: none;
}

ul + li {
    list-style-type:disc;
}

li {
    padding-bottom: 5px;
}

li::before {
    content: ' ';
    position: absolute;
    left: -15px;
    top: 6px;
    width: 6px;
    height: 6px;
    display: inline-block;
    background-color: var( --color );
}

div:has( > h1 ) {
    padding: 20px 0;
    /* text-align: center; */
}
h1 {
    display: inline;
    font-size: 2.4rem;
    line-height: 3rem;
    font-weight: bold;
}

h1 + div {
    /* display: inline; */
    font-size: 1.4rem;
    font-weight: bold;
    margin-bottom: 10px;
}
h1 small {
    font-size: 1.4rem;
}
h2 {
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: bold;
    padding: 25px 0 5px;
}

.apply {
    padding: 1px 11px;
    background-color: #e5e4e4;
}
#img {
    width: 100%;
}
#logo {
    width: 50%;
    max-width: 400px;
    position: absolute;
    top: 0;
    left: 0;
}
footer span {
    display: block;
    margin-top: 20px;
    padding: 10px;
    background-color: var( --color );
}
footer p {
    padding: 20px 5% 0 5%;
}
.copyright {
    position: absolute;
    bottom: 7px;
    right: 5px;
    color: #fff;
    font-size: 16px;
}

@media screen and ( min-width: 600px ) {
    .column {
        display: flex;
    }
    .column {
        gap: 15px;
    }
    .column > div {
        width: calc( 100% / 2 );
    }
    #wrapper {
        border: solid 1px #333;
    }
}

.noWrap {
    white-space: pre;
    word-break: keep-all;
  }

  header #copyright span {
    display: inline-block;
    width: 250px;
    font-size: 12px !important;
    color: var(--colorDarkGray);
    text-align: left;
    background-color: rgba(255, 255, 255, .8);
    top: -32px;
    padding-left: 6px;
    padding-top: 2px;
    padding-bottom: 2px;
}