.logoeffect img { transition: transform 0.3s ease-in-out; }
  .logoeffect:hover img { transform: scale(0.9); }

  .modal { overflow: auto !important; }

  a:link { color: black; text-decoration: none; }
  a:visited { color: black; text-decoration: none; }
  a:hover { color: black; text-decoration: none; }
  a:active { color: black; text-decoration: none; }

  a.slnk:link { color: #198754 !important; text-decoration: none; }
  a.slnk:visited { color: #198754; text-decoration: none; }
  a.slnk:hover { color: white !important; text-decoration: none; }
  a.slnk:active { color: #198754 !important; text-decoration: none; }

  a.dlnk:link { color: #ad0311 !important; text-decoration: none; }
  a.dlnk:visited { color: #ad0311; text-decoration: none; }
  a.dlnk:hover { color: white !important; text-decoration: none; }
  a.dlnk:active { color: #ad0311 !important; text-decoration: none; }

  a.wlnk:link { color: #c09200 !important; text-decoration: none; }
  a.wlnk:visited { color: #c09200; text-decoration: none; }
  a.wlnk:hover { color: white !important; text-decoration: none; }
  a.wlnk:active { color: #c09200 !important; text-decoration: none; }

  .offcanvas-top { min-height: 550px; }
  .offcanvas-backdrop.show { opacity: 1; background-color: rgba(0,0,0,.7); }

  @media (min-width: 0px) and (max-width: 575.98px) {
   .container-grid { width: 100%; }
   .image-grid__item, .image-grid__col-sizer { width: 100%; }
   .offcanvas-top { min-height: 100%; }
   .logo-sm {
    width: 60%;
    margin-bottom: -50px;
    margin-top: -50px; } }
  @media (min-width: 576px) and (max-width: 768.98px) {
   .container-grid { width: 90%; }
   .image-grid__item, .image-grid__col-sizer { width: 48%; }
   .offcanvas-top { min-height: 100%; }
   .logo-sm {
    width: 25%;
    padding-top: 8%;
    padding-bottom: 8%; } }
  @media (min-width: 769px) and (max-width: 992.98px) {
   .container-grid { width: 85%; }
   .image-grid__item, .image-grid__col-sizer { width: 48%; }
   .offcanvas-top { min-height: 650px; } 
   .logo-sm {
    width: 25%;
    padding-top: 8%;
    padding-bottom: 8%; } }
  @media (min-width: 992px) and (max-width: 1199.98px) {
   .container-grid { width: 85%; }
   .offcanvas-top { min-height: 650px; } }
  @media (min-width: 1200px) and (max-width: 1399.98px) {
   .container-grid { width: 95%; }
   .mtitle { color: red; }
   .offcanvas-top { min-height: 650px; } }
  @media (min-width: 1400px) {
   .container-grid { width: 88%; }
   .offcanvas-top { min-height: 650px; } }