header {
    background-color: white;
    height: 100px;
    width: 100%;
    border-bottom: 1px solid white;
	border-bottom: 2px solid brown;
}

body {
    background-color: white;
    font-family: 'Poppins';

}

header .header-menu {
    list-style-type: none;
    text-decoration: none;
    margin: 0;
    padding: 0;
    display: flex;
    
}

header .container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
}

header .header-menu li a {
    padding: 0px 16px;
    color: brown;
    text-decoration: none;
}

header .header-menu li {
    position: relative;
    
}

header .header-menu li .sub-menu {
    display: none;
    margin: 1px -35px;
    padding: 8px 10px;
	width: 300px;
}

header .header-menu li .sub-menu a {
    padding: 4px 22px;
    left: 0;
    display: flex;
	color: white;
}

header .header-menu li .sub-menu a:hover {
    background-color: white;
    color: orange;
    margin: 0;
    border-bottom: 1px solid brown;
        
}
.page-title {
	left: 50%;
	bottom: 30%;
	transform: translate(-50%, -50%);
	position: absolute;
	background-color: black;
	opacity: 0.4;
	padding: 8px 16px;
	border: 8px solid white;
	white-space: nowrap;
	color: white;
	
}
header .header-menu .menu-item-has-children:hover .sub-menu {
display: block;
position: absolute;
top: 25px;
background-color: darkgreen;
box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
list-style-type: none;
border-radius: 4px;    
z-index: 999;
text-align: left;
}

.btn btn-success {
    background-color: black;
}

footer {
    background-color: black;
    padding: 2px 22px
}


/* #preloader {
    height: 100vh;
    width:100%;
    background:  url("") no-repeat center center;
    background-size: 30%;
    position: fixed;
    z-index: 100;
    
}
*/

.page-title h1 {
    margin-bottom: -150px;
    text-align: center;
}

.logo {
	margin-right: 300px !important;
	width: 250px !important;
	
}