:root {
    --cm-color: #cca46f;
    --cm-text-color: #293b52;
}
.cm {
    position:relative;
    display:flex;
    background-color: white;
    align-items: center;
    width:100%;
    padding:0.5em 0.1em;
    border:0.4em solid var(--cm-color);
    color:var(--cm-text-color);
    vertical-align: top;
    line-height: 150%;
}

.tri-topright {
    position:absolute;
    right:0.25em;
    top:-1px;
    width: 0;
    height: 0;
    border-top: 25px solid var(--cm-color);
    border-left: 20px solid transparent;
}

.tri-bottomleft {
    position:absolute;
    left:0.2em;
    bottom:-1px;
    width: 0;
    height: 0;
    border-bottom: 25px solid var(--cm-color);
    border-right: 20px solid transparent;
}

.cm .logo {
    display:inline-block;
    width:10%;
    min-width:5em;
    padding:0.1em 0.8em;
}
.cm .logo img { width: 100%;}
.cm .det {
    display:inline-block;
    width:88%;
}
.cm .top {
    border-bottom:2px dotted var(--cm-color);
    font-size:1.2em;
    font-weight: 700;
    padding-bottom: 0.3em;
}			

.cm .com {
    font-size:1em;
    font-weight: 500;
    color:black;
}