.mcmcontainer {
  display: flex;
  align-items: center;
  justify-content: center;
	background: #ddffff;
	border: 0px solid blue;
}

img {
  max-width: 100%;
}

.display-6 {
    font-size: 1.4em;
    font-weight: 500;
    color: #4F006F;

}

.mcmimage {
float:left;
 border: 0px solid red;  
 display:block; 
  
}
.clear{
    clear:both;
}

.mcmtext {
  font-size: 20px;
  padding-left: 18px;
  border: 0px solid green;
}

.zmcmbanner {
  min-width: 100%;
}

.container-header {
    background-color: white;
    background-image: none;
}

.container-header .mod-menu {
    colour: #0088cc;
}

.container-header .mod-menu a {
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px; 
  padding: 3px 15px;
  colour: #0088cc;
}

.container-header .mod-menu a:hover {
    background-color: #666;
}

.frontpage {
	font-size: 1.3em;
	line-height: 1.5em;
	padding: 0;
}

.navbar ul li a {
    background-color:  #4F006F;
}
.card {
  --card-spacer-y: 1rem;
  --card-spacer-x: 1rem;
  --card-title-spacer-y: 0.5rem;
  --card-title-color: ;
  --card-subtitle-color: ;
  --card-border-width: var(--border-width);
  --card-border-color: #ffffff;
  --card-border-radius: var(--border-radius);
  --card-box-shadow: ;
  --card-inner-border-radius: calc(var(--border-radius) - var(--border-width));
  --card-cap-padding-y: 0.5rem;
  --card-cap-padding-x: 1rem;
  --card-cap-bg: rgba(var(--body-color-rgb),0.03);
  --card-cap-color: ;
  --card-height: ;
  --card-color: ;
  --card-bg: var(--body-bg);
  --card-img-overlay-padding: 1rem;
  --card-group-margin: 0.5em;
  word-wrap: break-word;
  color: var(--body-color);
}