header { background-color: var(--color-primary); }

header .topo{
	padding:0px 70px;
}

header .img-fluid {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    max-width: 220px;
}

header .btn_theme__primary {
	border: 2px solid #748ab3!important;
    border-radius: 7px;
    color: #fff!important;
    padding: 5px 8px;
    font-size: 0.9rem;
}
header .btn_theme__primary:hover { border-color: var(--color-secondary); background-color: var(--color-secondary); }


header nav {
	margin-top:0px;
}

header nav ul{
	display: flex;
	justify-content: center;
	gap: 36px;
	padding-left:0;
	margin-bottom:0;
	list-style-type: none;
}

header nav li{
	height:40px;
}

header nav li a {
	padding: 8px 12px 8px 12px;
	color:#fff;
	font-weight: 400;
	border-radius: 8px;
	animation-name: slideInLeft;
}

header nav li a:hover {
	background-color: #DD760A;
	color: #fff;
	border-radius: 8px;
	transition: 0.3s;
}

/* menu mobile */
header .menu-mobile { color: #fff; text-align: center; }
header .menu-mobile i { font-size: 2.2rem; }
header .menu-mobile span {
    font-size: .8rem;
    display: block;
    text-align: right;
    margin-top: -5px !important;
    letter-spacing: 2px;
    color: #fff;
}

@media (max-width: 767px) {
    header .menu-mobile { 
    	display: inline-block !important; 
    	float:right !important; 
    	margin-top: 6rem;
    }
}

@media (max-width: 450px) {
	header .topo {
		padding: 0px 20px!important;
	}
	header .btn_theme__primary {
		font-size: 11px!important;
	}
	header .img-fluid {
    margin-top: 1rem;
    margin-bottom: 1rem;
    max-width: 220px;
	}
}