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

html {
    line-height: 1.15;
    font-family: var(--font-family-sans-latin);
    -webkit-tap-highlight-color: transparent;
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block;
}

body {
    height: 100vh;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}

#page {
    position: relative;
    width:100%;
    min-height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    z-index: 1;
}

html > body #page {
    height: auto;
}

.navbar-container {
    width: 90%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

.navbar-container:after {
    content: "";
    display: table;
    clear: both;
}

.container {
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width:576px) {
    .container {
        max-width: 540px;
    }
}

@media(min-width:768px) {
    .container {
        max-width: 720px;
    }
}

@media(min-width:992px) {
    .container {
        max-width: 960px;
    }
}

@media(min-width:1200px) {
    .container {
        max-width: 1140px;
    }
}

.container-fluid {
    width: 100%;
    padding-right: 9px;
    padding-left: 9px;
    margin-right: auto;
    margin-left: auto;
}

.row {
    display: -ms-flexbox;
    display: flex;
    margin-right: -15px;
    margin-left: -15px;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.col-auto {
    -ms-flex: 0 0 auto;
    flex:none; width:auto;
    max-width: 100%;
}

.col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}

.col-2 {
    -ms-flex: 0 0 16.666667%;
    flex:0 0 16.666667%;
    max-width: 16.666667%;
}

.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}

.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}

.col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

.col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width:83.333333%;
}

.col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

#navbar {
    --navbar-height: 64px;
    min-height: var(--navbar-height);
    background-color: var(--navbar-bg-color);
    letter-spacing: 1px;
}

.home-link {
    color: var(--navbar-text-color);
    transition: color .2s ease-in-out;
    text-decoration: none;
    display: flex;
    font-weight: 400;
    align-items: center;
    transition: background-color .2s ease-in-out,color .2s ease-in-out;
}

.home-link:focus, .home-link:hover {
    color: var(--navbar-text-color-focus);
}

#navbar {
    padding: .5rem 0;
    position: relative;
}

#navbar::after {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    opacity: 0;
    transition: opacity .3s ease;
}

body,
html {
   width: 100%;
   height: 100%;
}

body {
   font-family: Muli, Helvetica, Arial, sans-serif;
   background-color: #ffffff;
}

a {
   color: #191970;
   -webkit-transition: all .35s;
   transition: all .35s;
}

a:focus, a:hover {
   color: #ff0000;
}


h1, .h1 {
    font-family: goudy-bookletter-1911, serif;
    letter-spacing: 1px;
}

h2, .h2, h3, .h3 {
    font-family: catamaran, helvetica, arial, sans-serif;
    font-weight: 200;
    letter-spacing: 1px;
}

h4, .h4, h5, .h5, h6, .h6 {
    font-family: goudy-bookletter-1911, serif;
    letter-spacing: 1px;
}

p {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: .5rem !important;
    font-family: Muli, sans-serif;
}

section, aside {
    padding: 25px 0;
}

.m-auto {
  margin: auto !important;
}

.listing {
    display: table;
    width: 100%;
    font-family: Muli, helvetica, arial, sans-serif;
}

.listing-row {
    display: table-row !important;
    width: 100% !important;
}

.listing-col {
    display: table-cell !important;
    min-width: 10% !important;
    padding: .5rem;
}

.post {
   font-family: 'Muli', 'Helvetica',  'Arial',  'sans-serif' !important;
}

.bold {
    font-weight: 600 !important;
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
}

small, 
.small {
    font-size: 80%;
    font-weight: 400;
}

form {
  margin: 0;
  font-family: muli, helvetica, arial, sans-serif !important;;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.border {
  border: 1px solid #cccccc !important;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.border-bottom {
    border-bottom: 2px solid #dee2e6 !important;
}

fieldset {
    padding: .75rem;
    background: inherit;
    border: 0 !important;
}

label {
   font-size: 1rem;
   padding-top: .5rem !important;
}

input[type=email], 
input[type=number], 
input[type=tel], 
input[type=text], 
input[type=date],
input[type=time], 
textarea {
    -webkit-appearance: none;
    padding: .5rem;
    font-size: 1rem;
    color: #000000;
    outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: #ffffff;
    width: 100% !important;
    border: 1px solid #cccccc !important;
}

select,
textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
  width: 100%;
  height: auto
}

input[type=checkbox],
input[type=radio],
select {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

select {
  text-align: left;
  background: #ffffff;
  padding: .75rem;
}

input[type=checkbox],
input[type=radio] {
  padding: 0;
  *height: 1rem;
  *width: .85rem;
}

.text-warning {
    color: red !important;
}

[type=submit],
[type=reset],
button,
html [type=button] {
  padding: .5rem 1.5rem; 
  -webkit-appearance: button;
  width: auto;
}

input[type=button],
input[type=reset],
input[type=submit] {
    cursor: pointer;
    color:#ffffff;
    background: #800080;
    border: 1px solid  #800080;
}

@font-face {
    font-family: muli;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Muli Regular'), local('Muli-Regular'), url(font/7Auwp_0qiz-afTLGLQ.woff2)format('woff2');
    unicode-range:U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: catamaran;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Catamaran Black'), local('Catamaran-Black'), url(font/o-0NIpQoyXQa2RxT7-5jZhNVZNyB.woff2)format('woff2');
    unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074,U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: lato;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Lato Regular'), local('Lato-Regular'), url(font/S6uyw4BMUTPHjx4wXg.woff2)format('woff2');
    unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: goudy-bookletter-1911;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(font/goudy_bookletter_1911-webfont.woff)format('woff');
}

@font-face {
    font-family: LibreBaskerville-Italic;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(font/LibreBaskerville-Italic.woff2)format('woff2');
}