.container-header {
    z-index: 10;
    background-color: var(--cassiopeia-color-primary);
    background-image: linear-gradient(135deg, #006169 0%, var(--cassiopeia-color-hover) 100%);
    position: relative;
    box-shadow: inset 0 5px 5px #00000008;
}

.navbar-brand
{
    border-radius: 8px;
    text-decoration: none;
    border: 1px #fff solid;
    display: block;
    width: 300px;
    padding: 10px;
    margin: 0;
    text-align: center;	
}

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

body
{
    background-image: linear-gradient(63deg, #42407769 0%, #00616930 100%);	
}

.btn-secondary {
    --btn-color: #eceff2;
    --btn-bg: #1b546f;
    --btn-border-color: #3e4376;
    --btn-hover-color: var(--gray-800);
    --btn-hover-bg: #3d4376;
}

.btn:hover {
    color: #ffffff;
    background-color: var(--btn-hover-bg);
    border-color: var(--btn-hover-border-color);
}

blockquote{
	font-size: 1.2em;
    /* width: 60%; */
    /* margin: 50px auto; */
    font-family: Open Sans;
    font-style: italic;
    color: #555555;
    padding: 0.7em 10px 0.7em 75px;
    border-left: 8px solid #294c71;
    line-height: 1.6;
    position: relative;
    background: #EDEDED;
}

blockquote::before{
  font-family:Arial;
  content: "\201C";
  color: #294c71;
  font-size:4em;
  position: absolute;
  left: 10px;
  top:-10px;
}

blockquote::after{
  content: '';
}

blockquote span{
  display:block;
  color:#333333;
  font-style: normal;
  font-weight: bold;
  margin-top:1em;
}