/* NAV NOTES: compact hover teaser cards below the header */

.NavNotes {
   width: 92%;
   max-width: 100rem;
   min-height: 2.7rem;
   margin: -0.35rem auto 0.05rem auto;
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   pointer-events: none;
}

#NoteRelay,
#NoteSMIME,
#NoteBackup,
#NoteMailGuard,
#NoteZert {
   display: none;
   max-width: 62rem;
   white-space: normal;
   border: none;
   border-radius: 1rem;
   padding: 0.48rem 1rem;
   background: linear-gradient(135deg, rgba(255,255,255,0.74), rgba(255,255,255,0.38));
   box-shadow: 0 4px 10px rgba(0,0,0,0.12);
   text-align: center;
   line-height: 1.18;
   color: #444444;
}

.DMnavNoteTitle {
   font-weight: bold;
   font-size: 0.94rem;
   margin-bottom: 0.04rem;
   color: #333333;
}

.DMnavNoteText {
   font-size: 0.88rem;
}

@media (max-width: 1100px) {
   .NavNotes {
      display: none;
   }
}

@media (min-width: 1100px) {
   .NavNotes {
      font-size: 0.96rem;
   }
}

@media (min-width: 1900px) {
   .NavNotes {
      font-size: 1rem;
   }
}