@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap");
* {
	font-family: "Raleway", sans-serif;
}
.bg-primary {
	background: var(--primary);
	color: white;
	background-size: 50%;
	background-image: var(--bg-image);
}

.bg-primary-color{
	background: var(--primary);
	color: white;
}

.text-secondary{
	color: var(--primary);
}

.bg-primary-color:hover{
	border-color: var(--primary);
	color: var(--primary);
	background: white;
}

.bg-nohover{
	background: var(--primary);
	color: white;
}

.grid-list{
    grid-template-columns: 0.25fr 1fr;
}

.logotipo{
	content: var(--url-logotipo);
}

.logotipo-bg{
	background: var(--bg-logotipo);
}

.logo-cartao{
	content: var(--logo-cartao);
}

@media screen and (max-width: 720px) {
	.bg-primary{
		background-size: contain;
	}
}