body {
  font-family: 'Fira Sans', Arial, "Helvetica Neue", Helvetica, sans-serif;
}

p {
  color: #000;
  font-size: 16px;
}

.sfx-red {
  color: #9b1f23; /* maroon */
}

h1,h2,h3,h4 {
}

h1 {
  color: #fff;
  font-size: 58px;
  font-weight: 900;
}

h2 {
  color: #fff;
  font-size: 48px;
  font-weight: 900;
}

h3 {
  color: #9b1f23; /* maroon */
  font-size: 28px;
  font-weight: 700;
}

h4 {
  font-size: 24px;
  font-weight: 700;
}

h5 {
  font-style: italic;
  font-weight: 700;
}

a {
  color: #000;
  font-size: 16px;
  font-weight: 700;
}

a.mainnav {
  color: #fff;
  font-size: 16px;
  font-weight: 900;
}

a.mainnav.sfx-red {
  color: #b52126; /* red */
}


a:hover,  a:active, a:focus {
  color: #b52126; /* red */
  text-decoration: none;
}

.fa {
  font-size: 25px;
}

.topnav-icons{
  margin-left: 25px;
  vertical-align: middle;
}

.hd-text {
  color: #9b1f23;
  font-size: 22px;
  font-weight: 700;
}

img { margin: 15px; }


.logo { width: 250px; margin: 20px 30px;}

.topnav{ height: 40px; margin-top: 10px;}

.main{
  width: 100%;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
}

.body {
  min-height: 200px;
  margin: 20px 30px;
}

.footer-top {
  width: 100%;
  color: #fff;
  background-color: #253237;
  margin: 0px;
  height: auto;
}
.footer-bottom {
  width: 100%;
  height: 90px;
  color: #fff;
  background-color: #000;
  text-align: center;
}

.footer-top>div {
height: auto;
width: 100%;
}

.white {
color: #fff !important;
}

.box {
  border-radius:4%; /*supported by all latest Browser*/
  -moz-border-radius:4%; /*For older Browser*/
  -webkit-border-radius:4%;/*For older Browser*/
  border: 1px solid #ccc;
  height:230px;
  margin: 10px 0px;
  text-align: center;
  padding: 5px;
  background-size: auto;
  background-color: rgba(88, 88, 88, 0.6);
  background-blend-mode: darken;
}

.box>h3 { color: #fff; text-decoration: underline; }
.box>p {
  color: #fff;
  font-size: 13px;
}


.request {
  border-radius:20px; /*supported by all latest Browser*/
  -moz-border-radius:20px; /*For older Browser*/
  -webkit-border-radius:20px;/*For older Browser*/
  border: 1px solid #ccc;
  margin: 10px;
  padding: 20px;
  background-color: #9b1f23;
  color: #fff;

}

.help-block{ color: #fff; font-size:11px; }



// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) {
  .main-home{
     height: 600px;
  }
}

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) {
  .main-home{
     height: 585px;
  }
}

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }