.mastlogo { height:60px; width:auto; }

.MastPrime {
  font-family:Times New Roman,Times,serif;
  font-size:42px;
  font-weight:normal;
  color:#800000;
  letter-spacing:0.02em;
  padding-left:0.32em;
  padding-top:0.20em;
}

.mast-container {
  display: flex;
  flex-direction: row;
  min-width:320px;
  width:80%;
  border-bottom-style:solid;
  border-color:#800000;
  border-width:2px;
}

.mast-left {
  display:flex;
  justify-content:left;
  align-items:center;
  text-align:left;
  padding: 8px 8px 8px 8px;
  flex:1;
}

.mast-right {
  display:flex;
  justify-content:right;
  align-items:center;
  text-align:right;
  padding: 8px 8px 8px 8px;
}



@media (max-width:699px) {
  .mast-container       { flex-direction:column; width:100%; }
  .mast-right           { padding:0px 8px 8px 8px; }
  .mast-right h1        { margin:0em; }
}

/* these are already present in the navbar css
@media (max-width:439px) { body {margin-left:10px;margin-right:10px;} }
@media (max-width:383px) { body {margin-left:0px; margin-right:0px; } }
*/