body {
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #fff;
}

.container-header .navbar-brand a{
  text-decoration: none;
}

/* title set large font size */
.container-header .navbar-brand {
font-size: 3rem;
/*font-size: 2vw;*/
font-weight: bold;
white-space: normal;
}

@media (max-width: 767.98px) {
.container-header .navbar-brand {
    font-size: 2rem;
}
}


:root {  
  --cassiopeia-color-primary: #448344;  
  --cassiopeia-color-hover: #174F4B;
  --cassiopeia-color-link: #1C5E5A;
}


div.custom img {
    border-bottom-color: #ddd;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color: #ddd;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #ddd;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #ddd;
    border-top-style: solid;
    border-top-width: 1px;
    line-height: 20px;
    padding-bottom: 4px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 4px;
    background-color: #eaeaea;
    border-radius: 5px;
    box-shadow: 3px 3px 3px 1px #bdbdbd;
    margin-bottom: 10px;
    margin-right: 15px;
    margin-top:0px;
    transition: transform .3s ease-in-out 0s;
}