/*
Grey body: #6D7278
dark grey #505050
#991000: #991000
*/
body {
    font-family: 'IBM Plex Sans', sans-serif;
    color:#6D7278
}
@media (max-width: 991.98px) { 
    .desktop {
        display:none;
    }
}
@media (min-width: 991.99px) { 
    
    .mobile {
        display:none;
    }
    .custom_nav {
        justify-content: space-evenly !important;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
    }
    
}


.topbar {
    margin-top: 5%;
}
.topbar span {
    border-bottom: 1px solid #505050;
    padding-bottom: 1%;
    color:#6D7278;
}
.topbar small {
    font-weight: 600;
    font-size: 1rem;
}
.topbar strong {
    font-weight: 600;
    color: #505050;
    font-size: 2rem;
    font-family: 'Adamina', serif;
}
.headerimage {
    margin-top:3%;
    border-top: 5px solid #991000;
}
.navbar-light .navbar-nav .nav-link {
    color: #505050;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    font-weight: bolder;
    color: #003258;
}
a.nav-link:hover {
    border-bottom: 2px solid #991000;
    font-weight: 600;
    color: #505050 !important;
}
.navbar-expand-lg {
    transition:500ms ease;
}
.navbar-expand-lg.scrolled{
    background:#fff;
    brder-bottom: 1px solid grey;
  }
.active {
    font-weight: 600;
    color: #505050 !important;
    border-bottom: 2px solid #991000;
}

.navbar-toggler:focus {
    outline: none !important;
}
.navbar-toggler {
    border-color: #fff !important;
    border-width: 0px;
    margin-left: 85%;
}
.bar1, .bar2, .bar3 {
    width: 35px;
    height: 3px;
    background-color: #505050;
    margin: 15px 0;
    transition: 0.4s;
  }
  
  .change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-4px, 6px);
    transform: rotate(-45deg) translate(-6px, 6px);
  }
  
  .change .bar2 {opacity: 0;}
  
  .change .bar3 {
    -webkit-transform: rotate(45deg) translate(-6px, -8px);
    transform: rotate(45deg) translate(-6px, -8px);
  }
  .home1 h2 {
    color: #991000;
  }
  .home1 h5 {
    color: #505050;
    font-weight: bolder;
  }
  .home1 p {
      font-size: 18px;
  }
  .home1 h4 {
    font-weght: 600;
    color: #343434;
  }
  .sendbutton {
      background-color: #991000 !important;
      border: 1px solid #fff;
  }
 .sendbutton:focus {
    border: 1px solid #fff;
    box-shadow: #991000;
 }
 .sendbutton:hover {
    border: 1px solid #fff;
    box-shadow: #991000;
 }
 .showmessage{
     background-color: #991000 !important;
     color:#fff;
 }