@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');

a {
	text-decoration: none;
}

.menu {
	padding: 0px;
}

.accordion-menu {
	width: 100%;
	margin-top: 25px;
	margin-bottom: 25px;
	display: inline-block;
	line-height: 30px;
	color: #4A4A4A;
	font-size: 1.3em;
	letter-spacing: -0.03em;
	background-position: 2px center;
	background-repeat: no-repeat;
	font-weight: 400;
	padding: 10px;
	text-decoration: none;
	border-radius: 5px;
	border-bottom: 1px solid #dee2e6;
	font-family: Oswald;
}


.accordion-menu ul {
	list-style: none;
	margin-bottom: 0rem;
}

.accordion-menu .menu li a {
	border-bottom: 1px solid #dee2e6;
	color: #4A4A4A;
	display: block;
	padding: 10px 10px;
}

.accordion-menu .menu li a:hover {
	color: #0047AB;
	font-weight: bold;
	text-decoration: none;
}



.accordion-menu .menu i.fa {
	font-size: 15px;
	color: #4A4A4A;
	float: right;
	text-decoration: none;
	z-index: 1;
	padding: 10px;

}

.submenu i.fa {
	font-size: 25px;
	color: #4A4A4A;
	float: right;
	text-decoration: none;
	z-index: 1;
	margin-top: -40px;
	padding: 5px;
}

.submenu i.fa:hover {
	color: #0047AB;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}

.accordion-menu .menu ul {
	display: none;
	text-decoration: none;
	margin-left: -25px;
}

.accordion-menu .menu ul li a {
	color: #4A4A4A;
	padding-bottom: 15px;

}

.accordion-menu .menu .active>a {
	text-decoration: none;
	color: #4A4A4A;
	font-weight: bold;

}

.gira {
	transform: rotate(90deg);
	color: #fff;
	transform-origin: top 0;

}

#col1-menu,
#col2-menu,
#col3-menu,
#col4-menu {
	height: 5px;
}

#col1-menu {
	background: #0B3AAF;
}

#col2-menu {
	background: #DB0E35;
}

#col3-menu {
	background: #FFD400
}

#col4-menu {
	background: #46BF06;
}

@media only screen and (max-width: 360px) {
	.accordion-menu {
		margin-top: 15px;
		margin-bottom: 25px;
		display: inline-block;
		line-height: 30px;
		font-size: 2.8rem;
		letter-spacing: 0.02em;
		border-radius: 5px;
		border-bottom: 2px solid #dee2e6;
		line-height: 4rem;
	}

	.accordion-menu .menu li a h2 {
		font-size: 1.5rem;
	}

	.accordion-menu .menu li a {
		border-bottom: 3px solid #dee2e6;
		font-size: 1rem;
	}

	.accordion-menu .menu li a:hover {
		color: #0047AB;
	}

	.accordion-menu .menu i.fa {
		font-size: 1rem;
		color: #4A4A4A;
		text-decoration: none;
		z-index: 1;
		padding: 20px;
		background: #eeeeee30;
		border-radius: 10px;
	}

	.submenu i.fa {
		font-size: 25px;
		color: #4A4A4A;
		float: right;
		text-decoration: none;
		z-index: 1;
		margin-top: -95px;
		padding: 5px;
	}

	.submenu i.fa:hover {
		color: #0047AB;
		font-weight: bold;
		text-decoration: none;
		cursor: pointer;
	}

	.accordion-menu .menu ul {
		display: none;
		text-decoration: none;
	}

	.accordion-menu .menu ul li a {
		color: #4A4A4A;
		padding-bottom: 30px;
	}

	.accordion-menu .menu .active>a {
		text-decoration: none;
		color: #4A4A4A;
		font-weight: bold;

	}

	/* #col1-menu,
	#col2-menu,
	#col3-menu,
	#col4-menu {
		height: 20px;
	} */
}