.overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 3;
    top: 0;
    left: 0;
    background-color: #fff;
    overflow-x: hidden;
    overflow-y: hidden;
    transition: 0.5s;
  }

.overlay-content {
    position: relative;
    height: inherit;
    width: 100%;
    text-align: center;
    margin-top: 30px;
  }

  .navbar-toggler {
        outline: transparent !important;
  }


@media only screen and (max-width: 992px) {
    .mobile-navbar {
        background: white;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        z-index: 99;
    }

    .navbar-brand div img {
        height: 25px;
    }

    main.container {
        padding-top: 12px;
    }

	.navbar-toggler {
		color: #B0746D;
	}

    ul#menu-top-menu {
        position: absolute;
        top: 25%;
    }

    ul#menu-top-menu li {
        padding: 8px;
    }

	ul#menu-top-menu li a {
        font-size: 1.5rem;
	}

	.header {
		font-size: 24px;
		vertical-align: middle;
	}

	.nav-link {
		padding: 8px 1px 1px 1px;
	}
    
    #closeNav {
        all: unset;
		color:#B0746D;
        position: absolute; 
        top: 4px; 
        right: 20px; 
        padding: 4px;
        font-size: 1.5rem;
    }

    .menu-top-menu-container {
        display: flex;
        justify-content: center;
    }

    /* Icon 1 */

/* Icon 1 */

#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
    width: 36px;
    height: 20px;
    position: relative;
    margin: 4px auto;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
  }
  
  #nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #B07460;
    border-radius: 2px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
  }
  
  #nav-icon1 span:nth-child(1) {
    top: 0px;
  }
  
  #nav-icon1 span:nth-child(2) {
    top: 12px;
  }
  
  #nav-icon1 span:nth-child(3) {
    top: 24px;
  }
  
  #nav-icon1.open span:nth-child(1) {
    top: 18px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  
  #nav-icon1.open span:nth-child(2) {
    opacity: 0;
    left: -36px;
  }
  
  #nav-icon1.open span:nth-child(3) {
    top: 18px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }
  }