@media (min-width: 1000px) {
	#contain {
		margin-top: 40px !important;
	  }
    }

    
    @media (max-width: 992px) {
        .brand {
            color:#f7f7f7 !important;
          }
        }
        @media (min-width: 992px) {
            .brand {
                color:black !important;
              }
            }

    .hero:before{
      background-color: rgb(227 227 227 / 70%) !important;
    }

    .hero {
        background: url("../img/hero-bg.jpg") top center !important;
        background-repeat: no-repeat !important;
    }
    svg {
        max-width: 500px;
        max-height: 450px;

      }

      .path-city-active{
        fill:rgba(240, 200, 0, 0.8)
      }
      .path-city-deactive{
        fill:rgba(120, 120, 120, 0.8)
      }

      .path-city-deactive:hover{
        fill:rgba(14, 14, 14, 0.893)
      }

      .w-95{
        width:95%;
        font-size:14px;
        font-weight: bold;
      }

      .hero:before{
       background-color: rgba(22, 22, 22, 0.85) !important;
      }

      footer{
       background-color:#f7f7f7
      }

@media (max-width: 480px) {
    .profile-nav p {
        display: none;
        font-size: 7px !important;
    }
}