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

html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background-color: #B8260D;
}

.bi {
    vertical-align: -0.125em;
    fill: currentColor;
}

.bg-red {
    background-color: #B8260D !important;
}

.roboto-300 {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.site-description h1, .site-description p {
    font-family: 'caslon_antiqueregular';
    text-transform: uppercase;
}
.site-description h1 {
    letter-spacing: 2pt;
}

.site-description h1::before, .site-description h1::after {
    content: "\00a0\00b7\00a0";
    height: 100%;
    display: inline-block;
    line-height: 1.3;
}

/* Mobile responsive adjustments */
@media (max-width: 767px) {
    .site-description h1 {
        font-size: 2rem;
    }

    #seo-stuff {
        font-size: 0.95rem;
    }

    .btn-lg {
        width: 100% !important;
        margin-bottom: 0.75rem;
    }

    .btn-lg:last-child {
        margin-bottom: 0;
    }
}

@font-face {
    font-family: 'caslon_antiqueregular';
    src: url('caslonantique.woff2') format('woff2'),
         url('caslonantique.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap; 
}