/* Add here all your CSS customizations */
/*  logo start  */
.brand-logo {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 10rem;
	height: 10rem;
	color: white;
	border-radius: 50%;
	border: 0.2rem solid;
	border: 0.2rem solid rgba(255, 255, 255, 0.35);
	font-family: "Raleway", sans-serif;
	font-size: 1.25rem;
	font-weight: 400;
	letter-spacing: 0.17em;
	transform: scale(1);
	margin: 4rem 0 2rem;
}
.brand-logo::after {
	position: absolute;
	height: 100%;
	width: 100%;
	display: block;
	content: "";
	border: 0.2rem solid;
	border-top-color: rgba(198, 54, 60, 0.9);
	/*border-right-color: #0c4076;*/
	border-right-color: transparent;
	border-bottom-color: rgba(255, 255, 255, 0.9);
	border-left-color: rgba(12, 64, 118, 0.9);
	border-radius: 50%;
	transform: scale(0.8);
	transition: transform 0.4s ease-out 0.2s;
}
.brand-logo:hover::after {
	transform: scale(0.8) rotate(720deg);
}
/*  logo end  */