:root {
  --link-color: #7cb518;
  background-color: #3b482d;
}

body {  
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}

.container-header {
  background-image: linear-gradient(-2deg,var(--cassiopeia-color-primary)0%,var(--cassiopeia-color-hover)100%);
}

.brand-logo {
  max-width: 250px;
}
.container-header .mod-menu > li > a {
  color: #3b482d;
}

.form-check-input {
  border-color: #3b482d;
}

@media (width >= 550px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }

  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }

  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: var(--navbar-nav-link-padding-x);
    padding-left: var(--navbar-nav-link-padding-x);
  }

  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }

  .navbar-expand-lg .navbar-collapse {
    flex-basis: auto;
    display: flex !important;
  }

  .navbar-expand-lg .navbar-toggler {
    display: none;
  }

  .navbar-expand-lg .offcanvas {
    z-index: auto;
    flex-grow: 1;
    transition: none;
    position: static;
    visibility: visible !important;
    background-color: #0000 !important;
    border: 0 !important;
    width: auto !important;
    height: auto !important;
    transform: none !important;
  }

  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none;
  }

  .navbar-expand-lg .offcanvas .offcanvas-body {
    flex-grow: 0;
    padding: 0;
    display: flex;
    overflow-y: visible;
  }
}

@media (width >= 720px) {
  .container-header .mod-menu {
    flex-direction: row;
    flex: 1;
    display: flex;
  }

  .sigplus-right {
    float: right;
  }
}

.container-footer .mod-menu {
  flex-direction: row;
  flex: 1;
  display: flex;
}

.footer a:not(.btn), .footer .btn-link {
  color: #3b482d;
}

img {
  max-width: 100%;
  height: auto;
  max-height: 100%;
/*  width: auto; */
}

.site-grid {
  background-color: var(--template-bg-light);
}

.com-contact__thumbnail > img{
  max-height: 300px;
  width: auto;
}

.img-thumbnail {
  max-height: 200px;
  width: auto;
}