* {
    box-sizing: border-box;
  }
  
  body {
    margin: 0;
    font-family: 'Kalam', cursive;
    background-color: #8f3051 !important;
    color: white !important;
  }
  
  .navbar {
    background-color: #8f3051 !important;
  }

  .navbar-toggler {
    background-color: inherit !important;
        width: auto;
        height: 60px;
        border-color: none;
  }




  .navbar ul li a{
    color: hsl(40 100% 100%) !important;
        margin: 5px;
  }


  .navbar ul li a:hover{
    color: black !important;
  }

  .navbar-brand {
    color: black !important;

  }

  .dropdown-menu {
    background-color: #8f3051 !important;

  }

  .navbar-brand img {
    width: 80px;
   height: 84px;
   margin-top: 0px;
  }


.hero-section {
    background: url("contacthead.png") 50% no-repeat;
    background-size: cover;
    height: 60vh;
    text-align: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  
  .hero-section .hero-section-text {
    color: #fefefe;
    text-shadow: 1px 1px 2px #0a0a0a;
  }