body {
  background: #666;
  color: #fff; }

.navbar {
  border-bottom: #008ed6 3px solid;
  /*opacity: 0.9;*/ }

.navbar.bg-dark {
  background: #303030 !important; }

#banner-section {
  background: url("../images/daBox.png") no-repeat;
  /*min-height: 700px;*/
  background-color: #cccccc;
  /* Used if the image is unavailable */
  background-position: center;
  background-repeat: no-repeat;
  /* Do not repeat the image */
  background-size: cover;
  /* Resize the background image to cover the entire container */
  /*background-attachment: fixed;*/
  /*  .banner-inner::before {
        content:"";
        position: absolute;
        top: 0;
        left: 0;
        background-color: $overlay;
        width:100%;
        min-height: 700px;
        
    }*/ }
  #banner-section .banner-inner {
    padding-top: 20px;
    z-index: 3; }
  #banner-section #banner-text {
    opacity: 0.8; }
  #banner-section .banner-inner h1 small {
    display: table; }
  #banner-section .card-form {
    opacity: 0.8; }
  #banner-section .fa {
    color: #008ed6;
    background: #fff;
    padding: 4px;
    border-radius: 4px;
    font-size: 20px; }
  #banner-section #mrmResult {
    font-weight: bold; }

.btn-outline-secondary {
  color: #f8411e;
  border-color: #f8411e; }

.btn-outline-secondary:hover {
  background: #f8411e;
  color: #fff;
  border-color: #fff; }

.h-text strong {
  display: table; }

#solution-section h1.title {
  text-align: center; }

#solution-section h1.title,
#solution-section strong {
  color: #f69020; }

#solution-section strong {
  display: table; }

#solution-section .fa {
  color: #f69020;
  background: #fff;
  border: 1px solid #f69020;
  border-radius: 4px; }

#solution-body {
  background: #fff;
  color: #666; }
  #solution-body .fa {
    color: #f69020;
    background: #fff;
    border: 1px solid #f69020;
    border-radius: 4px; }

#create-section {
  color: #fff; }
  #create-section h3.title,
  #create-section strong {
    color: #83bb40; }
  #create-section strong {
    display: table; }
  #create-section .fa {
    color: #83bb40;
    background: #fff;
    border: 1px solid #83bb40;
    border-radius: 4px; }

footer .nav-item {
  background: rgba(255, 255, 255, 0.5);
  border-bottom: 1px solid rgba(255, 255, 255, 0.85); }
  footer .nav-item :hover {
    background: rgba(255, 255, 255, 0.9);
    border-bottom: 1px solid rgba(40, 40, 40, 0.9); }

.btn.btn-outline-light:hover {
  color: #fff;
  background: rgba(0, 0, 0, 0.5); }

.navbar-brand {
  max-width: 300px; }

html {
  font-size: 0.65rem; }

@media only screen and (min-width: 1024px) {
  html {
    font-size: 0.8rem; } }

@media only screen and (min-width: 1224px) {
  html {
    font-size: 1rem; } }