@font-face {
	font-family: "callig";
	src: url('/assets/webfonts/lucidia.woff') format('woff');
}

@font-face {
	font-family: "regu";
	src: url('/assets/webfonts/eras.woff') format('woff');
}
.lucidia {font-family:'callig', italic, sans-serif}

html, body {
	margin:0;
	height:100%;
	font-family:'regu', sans-serif;
}

body {
	background: url('/assets/images/invite_sky.jpg');
	background-position: center;
	color:whitesmoke;
}

.winWidth > .container {
    background-color: rgba(0,0,0,.4);
    color: #fff;
    margin-top: 3rem;
    border-radius: 1rem;
    padding: 1rem;
}

.scroller {
	height: 100%;
	overflow-x: hidden;
	overflow-y: hidden;
	padding-top:52px;
}

.content {
	position: relative;
	height: 100%;
}

.content>div {
	height: 100%;
	float: left;
	margin: 0px;
    position: absolute;
    top: 0;
	background: url('/assets/images/forest_forground.png') repeat-x;
    background-position-y: bottom;
	background-position-x: center;
	background-size:contain;
	overflow-y:scroll;
	-ms-overflow-style: none;  /* IE and Edge */
  	scrollbar-width: none;  /* Firefox */
}

.content>div::-webkit-scrollbar {
	display: none;
}

.nav-masthead .nav-link {
	padding: .25rem 0;
	font-weight: 700;
	color: rgba(255, 255, 255, .5);
	background-color: transparent;
	border-bottom: .25rem solid transparent;
}

.nav-masthead .nav-link:hover {
	border-bottom-color: rgba(255, 255, 255, .25);
}

.nav-masthead .nav-link + .nav-link {
	margin-left: 1rem;
}

.nav-masthead .active {
	color: #fff;
	border-bottom-color: #fff;
}

#us img {
	width:100%;
}

.us-gallery {
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

/*div#gallery-row {
	height: 100px;
	overflow-y: scroll;
	-ms-overflow-style: none;
	scrollbar-width: none;
}*/