button{
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
img {
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
/*-- /reset code --*/
/*-- navigation --*/ 
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background-color:transparent;
}
.navbar {
	margin-bottom:0;
}
.navbar-inverse .navbar-nav>li>a {
	color:#fff;
	font-size:20px;
}
.navbar>.container .navbar-header a.navbar-brand h1{
	font-size: 35px;
    font-family: 'Nunito', sans-serif;
    color: #fff;
    text-transform: uppercase;
    font-weight: 300;
}
ul.nav.navbar-nav.navbar-right {
    margin-top: 10px;
}
.navbar-wrapper {
    z-index: 999;
    width: 100%;
    background-color: #fff;
    font-size: 14px;
}
.navbar-brand img{ height:100%;}
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 0px;
  padding-left: 0px;
/*-- W3layouts --*/
 }
.navbar-wrapper .navbar .container {
  width: auto;
}

@media (min-width: 768px) {
  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }
}  

@media (max-width: 991px) {
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: -90px;
}
ul.nav.navbar-nav.navbar-right {
    margin: 14px -70px 0 0px;
}

}

@media (max-width: 900px) {
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: -50px;
}	
.navbar>.container .navbar-header a.navbar-brand h1 {
    font-size: 30px;
}
ul.nav.navbar-nav.navbar-right {
    margin: 11px -70px 0 0px;
}
.nav>li>a {
    padding: 10px 0px;
}
}

@media (max-width: 800px) {
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: -19px;
}
ul.nav.navbar-nav.navbar-right {
    margin: -39px -38px 0 0px;
}
}

@media (max-width: 768px) {
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: 0px;
}
.navbar-inverse .navbar-nav>li>a {
	font-size:14px;
}
ul.nav.navbar-nav.navbar-right {
    margin: 12px -20px 0 0px;
}

}

@media (max-width: 736px) {
ul.nav.navbar-nav.navbar-right {
    margin: 0px;
	text-align: center;
    background-color: rgba(0, 0, 0, 0.71);
}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: 15px;
}
}