@import url('https://fonts.googleapis.com/css?family=IBM+Plex+Sans:200,400,700&display=swap');

html{
	font-family: 'IBM Plex Sans',sans-serif;
	font-weight: 400;
	background-color: #ffffff;
}

cap{
	font-size: 0.9em;
	color: #ffffff;
}

a {
	text-decoration: none;
	color: #000000;
}

a:hover {
	text-decoration: none;
	color: #000000;
}

#scroller{
	overflow-y: hidden;
	overflow-x: hidden;
}

#lander{
	height: 100vh;
	background-color: #ffffff;
}

#trailer{
	position: relative;
	height: 200vh;
	margin-top: 0px;
	padding-top: 100px;
	z-index: 1030;
	background-color: #ffffff;
}

#lowfix{
	position: absolute;
	top: 15vh;
	left: 0px;
}

#lownav{
	position: fixed;
	top: 100vh;
	margin-top: -60px;
	height:60px;
	background-color: #ffffff;
	z-index: 1070;
}

#gallery{
	position: relative;
	top: 0;
}

#prev, #next, #chev{
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 16px;

}

#detail{
	text-decoration: none;
	color: #000000;
}

#thumb {
     padding: 15px;
}
#thumb:hover {
     background-color: #e1e1e1;
}
#thumb:active{
     background-color: #ffffff;
}

#chev:hover{
	width: 32;
	height: 32;
}

.fixed-top{
	z-index: 1040;
}

.navbar-light{
	background-color: #ffffff;
}

.about{
	width: 300px;
	height: auto;
}

.navbar-brand {
	font-weight: 700;
}

.card{
	background-color: #ffffff;
}

.navbar-toggler{
	border: none;
}

.index {
	text-decoration: none;
	color: #000000;
	font-weight: 400;
}