body {
    width: 100%;
    height: 100%;
}

html {
    width: 100%;
    height: 100%;
}

.anchor{
  display: block;
  height: 30px; /*same height as header*/
  margin-top: -30px; /*same height as header*/
  visibility: hidden;
}

button, input, optgroup, select, textarea {
    color: white;
}

@media screen and (max-width: 767px){

	body {
		padding-top:50px !important;	
	}

}

@media(min-width:767px) {
    .navbar {
        padding: 20px 0;
        border-bottom: 0;
        letter-spacing: 1px;
        background: #FFFFFF;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }
    
	.navbar-default .navbar-nav > li > a {
	    color: black;
	}

    .top-nav-collapse {
        padding: 0;
        background-color: #000;
    }

	.navbar-default.top-nav-collapse .navbar-nav > li > a {
	    color: #EEE;
	}
	.navbar-default.top-nav-collapse .navbar-nav > li.active > a {
	    color: red;
	}
	.navbar-default.top-nav-collapse .navbar-brand {
	    color: #EEE;
	}

    .navbar-custom.top-nav-collapse {
        border-bottom: 1px solid rgba(255,255,255,.3);
    }
}