.core-container {
  display: flex;
  flex-direction: row;
  min-width:320px;
  max-width:1220px;
}

.core-left {
  flex: 50%;
  margin: 10px 10px 10px 0px; /* top right bottom left */
}

.core-right {
  flex: 50%;
  margin: 10px 0px 10px 10px; /* top right bottom left */
}

.core-spacer {}

.core-evals-container {
  display: flex;
  flex-direction: column;
  text-align: left;
  flex: 50%;
  margin: 10px 0px 10px 10px; /* top right bottom left */
}

.core-evals-new {
  flex: 1;
  margin: 0px 0px 10px 0px; /* top right bottom left */
}

.core-evals-prior {
  flex: 1;
  margin: 10px 0px 0px 0px; /* top right bottom left */
}




.tile-container {
  display:flex;
  flex-direction:column;
}

.tile-header {
  text-align:center;
  flex-basis:auto;
}
.tile-header h2 {
  color:#FFFFFF;
  margin:8px;
}

.tile-body {
  padding: 8px 8px 8px 16px;
  text-align:left;
  color:#000000;
  flex:1;
}
.tile-body ul { display:initial; padding:0; }
.tile-body li { display:initial; padding:0; }




.banner {
  display: inline-block;
  padding: 8px 28px 8px 28px;
}
.bannerImp {
  display: inline-block;
  padding: 24px 40px 24px 40px;
  border: 3px solid red;
  background-color:#FFDFDF;
}
.banner-background-red    { background-color:#FFC0C0; }
.banner-background-orange { background-color:#FFC040; }
.banner-background-yellow { background-color:#FFFF40; }
.banner-background-green  { background-color:#80FF80; }
.banner-background-blue   { background-color:#B0B0FF; }




@media (max-width:699px) {
  .core-container       { flex-direction:column; }
  .core-left            { margin: 10px 0px 10px 0px; } /* top right bottom left */
  .core-right           { margin: 10px 0px 10px 0px; }
  .core-spacer          { display:none; }

  .core-evals-container { margin:  0px 0px  0px 0px; }
  .core-evals-new       { margin: 10px 0px 10px 0px; }
  .core-evals-prior     { margin: 10px 0px 10px 0px; }

  .signature-container  { width:100%; }
}

/* 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; } }
*/