html {
}

body {
    color: #fff;
    font-family: "Arial",sans-serif;
    font-size: 14px;
    line-height: 2;
}

h1, h2, h3 {
    -moz-osx-font-smoothing: grayscale;
    font-size: 2em;
    font-weight: 700;
    text-transform: uppercase;
}

.container {
	background-color: rgba(122,122,122,0.5);
    display: flex;
    justify-content: center;
}

@media (min-width:100px) {
.container {
	align:center;

}

.btn {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 20px;
	font-size: 14px;
	font-weight: 800;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background: transparent;
	border: 3px solid #8C876B;
	border-radius: 4px;
	text-transform: uppercase;
	color: #fff;
}

.navbar-default {
    background-color: #191817;
}

.navbar-default .navbar-nav > li > a {
    color: #fff;
}

li > a.page-scroll {
    position: relative;
    top: 5px;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	color: #8C876B;
	background: none;
}