.wow{
            visibility: visible !important;
        }
        .navbar-dark .navbar-toggler-icon {
            background-image: none !important;
        }
        .menu-btn{
            background: #0057a4;
            width: 110px;
            height: 50px;
            border-radius: 50px;
            text-align: center;
            line-height: 50px;
            font-size: 16px;
            color: #fff;
        }
        .navbar-brand img{
            width: 150px;
        }
        .main-header .row {
            margin: 0;
        }
        .off-start{
            top: 0;
            left: 0;
            width: 400px;
            border-right: 1px solid rgba(0,0,0,.2);
            transform: translateX(-100%);
        }
        .off-start.open {
            transform: none;
        }
        .navbar-expand-md .navbar-nav{
            flex-direction: column !important;
            margin-top: 50px !important;
          }
         .btn-close{
            box-sizing: content-box;
            width: 1em;
            height: 1em;
            padding: 0.25em 0.25em;
            border: 0;
            border-radius: 0;
            right: 10px;
            position: absolute;
            z-index: 999;
            top: 10px;
         } 
         .btn-close:after{
            content: "✕";
            color: white;
            font-size: 30px;
            font-weight: 100;
         }
         .btn-show .donate-btn{
            display: none;
            transition: all 0.300ms;
         }
         .navbar-nav li{
            padding: 10px 15px;
           border-bottom: 1px solid #6888a5;
         }
         .navbar-nav li.current a{
            color: #fff;
            text-decoration: underline;
         }
         .navbar-nav li a{
            color: #fff;
            font-size: 18px;
            font-weight: 100;
            width: 100%;
            display: inline-block;
         }
         @media only screen and (min-width: 768px){
            .logo1{
                display: block;
            }
            .logo2{
                display: none;
            }
         }
         @media only screen and (max-width: 768px){
            .logo1{
                display: none;
            }
            .logo2{
                display: block;
            }
            .logo2 img{
                width: 130px;
            }
            .off-start {
                width: 90%;
            }
         }