html, body {
  height: 100%;
}

html {
  background: #f7f5f5;  /*backup background if you want to remove the image.*/
  background-image: url("background-lightblur.jpg") ;
  background-color: #f7f5f560;
  background-blend-mode: screen;
  background-repeat: no-repeat;
  background-position: center top;
  background-attachment: fixed;

  background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
}
body {
  color: #555;
  /*color: #777;*/
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  /*font-size: 12px;*/
  font-size:16px;
  line-height: 20px;
}

a {
  color:#FFBA30
}
a:hover, a:focus {
  color:#e7a82b;
}

.header, .callout {
  text-align: center;
  min-width: 320px;
  width: 40em;
  max-width: 800px;
}
.header {
  margin: 4rem auto 0.625rem;
}
.header h1, .header h2 {
  color:#3C3F4A;
}
.header h1 {
  font-size:40px;
  line-height:43px;
  margin:0.9375rem;
}
.header h2 {
  font-size:31px;
  font-weight:bold;
  line-height:1.1;
  margin:0 0 10px
}


.brand {
  margin: 0 auto 1rem;
  display: block;
  overflow: hidden;
  padding: 24px 5px 28px;
  position: relative;
}

.brand {
  background-image: url(mff-logo.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-color: transparent;
  width: 235px;
  height: 90px;
  line-height: 90px;
  /*border: 1px solid red;*/
}
.main-content h2 {
  color:#3C3F4A;
}
.main-content {
  background-color: #fff;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  margin: 2.75% auto 10px;
  padding: 0.9375rem  1.9375rem;
  min-width: 320px;
  width: 40em;
  max-width: 840px;
}
.callout {
  margin: 2rem auto 1rem;
  padding: 0.9375rem  1.9375rem;
  background-color: #777;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);

  color: #fff;
  font-weight: bold;
}


.company-brand-name:before {
    content:"MyFirmFiles"
}

.all {
  background-color: #0088cc;
    color:#FFF;
    color:#363943;
    color:#3C3F4A;
    color:#8F96B0;
    color:#81889f;
    color:#FFBA30;
    color:#e7a82b;
}



.fas.fa-file-signature.notify::after {
content:"●";
color:#3C3F4A
}