.html{
	background-color: #fffff5;
	height: 100%;
	width: 100%;
}

.body{
	/*  background-color: #fffff5; */
	background: #fffff5;
	height: 100%;
	width: 100%;
}

.header-background{
	width: 100%;
}

.navbar.center .navbar-inner {
    text-align: center;
}

.navbar .navbar-collapse {
  text-align: center;
}

.navbar-brand{
	margin: 2px;
	padding: 10px;
}

.videobg{
	height: 100vh;
	width: 100%;
	position: fixed;
	background-color: #fffff5;
	z-index: -3;
}


/* Style the video: 100% width and height to cover the entire window */
#myVideo {
	/* min-height:100vh; 
	z-index: -2;  
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);  
	width: 100vw;*/
	display: block;
	height: 100vh;
	position: fixed;
	left:50%;
	transform: translate(-50%);
	z-index: -2;
	
}
/*
#btnHolder{
	position: fixed;
	right: 10px;
	bottom: 10px;
	z-index: 1;
}
*/
.videogap{
	position: relative;
	height: 100vh;
	width: 100%;
}

.logo{
	max-height: 30px;
}



.socialmdtile{
	height:100%;
	min-width: 45px;
	max-width: 45px;
}

.socialmdicon{
	
}

.btn-primary{
	min-width: 140px;
}

.controlbutton{
	padding-bottom: 100px;
}

.mainbg{
	padding-top: 70px;
	min-height:100vh;
	height: 100%;
	width: 100%;
	background-color: #fffff5;
	z-index: 1;
}



.mytextarea{
	margin: 0px;
}

.display-1{
	padding: 0px;
}

.myimages{
	padding: 25px;
}

.textdiv{
	padding: 25px;
}

.textparagraph{
	vertical-align: middle;
}

.hbp_logo{
	width: 100%;
}

.overlay-dark{
	background-color: rgba(255, 255, 255, 0.50);
	height:100%;
}

.navbar-toggler-icon:focus {
    outline: none;
    box-shadow: none;
}


.btn-primary {
    color: #fff;
    background-color: #be8b26;
    border-color: #be8b26
}

.btn-primary:hover {
    color: #fff;
    background-color: #9e7420;
    border-color: #946c1e
}

.btn-primary:focus,
.btn-primary.focus {
    color: #fff;
    background-color: #9e7420;
    border-color: #946c1e;
    box-shadow: 0 0 0 .2rem rgba(200, 156, 71, 0.5)
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #be8b26;
    border-color: #be8b26
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #946c1e;
    border-color: #89641b
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(200, 156, 71, 0.5)
}

.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #946c1e;
    border-color: #89641b
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(200, 156, 71, 0.5)
}


.dropdown-item {
	    text-align: left;/* ---------------------------text alignment  */
		color: #ffffff; /* ---------------------------font color  */
		background-color: #cfb072; /*-----------------item background */
}

.dropdown-item:hover,
.dropdown-item:focus {
    background-color: #e2d7c1; /*------------------item color in focus*/	
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: #d3d0cb /*-----------------color for a split second when you click*/
}	

.dropdown-menu.show {
	background-color: #cfb072; /*---------------color of the rectangle housing the dropdown items*/
}