body, html {
    scroll-behavior: smooth;
    margin:0;
    padding:0;
    height: 100%;
}

h1, h2, h3 {
    margin: 0;
    text-align: center;
}
h1 {
    margin-top: 90px;
    color: #f1e4df !important;
    text-shadow: 0 0 3px #3f2542;
}

.content {
    flex: 1 0 auto;
}
.center {
    text-align:center;
}
.green {
    color:#fff;
    border:1px solid #5ca612;
    text-shadow:1px 1px 1px #39670b;

    background: rgba(158,207,67,1);
    background: -moz-linear-gradient(top, rgba(158,207,67,1) 0%, rgba(92,166,18,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(158,207,67,1)), color-stop(100%, rgba(92,166,18,1)));
    background: -webkit-linear-gradient(top, rgba(158,207,67,1) 0%, rgba(92,166,18,1) 100%);
    background: -o-linear-gradient(top, rgba(158,207,67,1) 0%, rgba(92,166,18,1) 100%);
    background: -ms-linear-gradient(top, rgba(158,207,67,1) 0%, rgba(92,166,18,1) 100%);
    background: linear-gradient(to bottom, rgba(158,207,67,1) 0%, rgba(92,166,18,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ecf43', endColorstr='#5ca612', GradientType=0 );
}
.green:hover {
    color:#fff;
    background: rgba(92,166,18,1);
}
.glass {
    padding:24px;
    margin: 40px auto 0;
    background: rgba(255,255,255,0.5);
    border-radius:5px;
    box-shadow: 0 0 10px #79606f
}
.glass h2 {
    margin:0 0 15px;
    text-shadow: 1px 1px 1px #efdfe9;
    color:#000;
}
.glass .green {
    padding:8px 50px;
    font-size:16px;
}
.search {
    background: #444444;
    border: 1px solid #080808;
}
.search:focus {
    background:#eee;
}
.copy {
    text-align: center;
    background: #222;
    border-top:1px solid #000;
    padding:5px;
    color:#777;
    flex: 0 0 auto;
}

.counters {
    opacity: 0.8;
    margin-bottom:10px;
}

@media (max-width: 767px) {
	.navbar-collapse {
		width: 50%;
		left: 50%;
		position: fixed;
		background: rgb(51, 51, 51);
	}
}