:root {
	--cor1: #00086f;
	--cor2: #fff600;
	--cor3: #ededed;
	--cor4: #9b0707;
	--cor5: #6c0000;
	--cor6: #e5e5e5;
	--cor7: #e8262c;
	--cor8: #010eb5;
}

body {
	font-family: 'Montserrat', sans-serif;
	min-height: 100vh;
	overflow-x: hidden;
	font-weight: 500;

}

.topo {
	background: url(../img/bg-topo.png) no-repeat 50% 0 / cover;
	padding-top: 20px;
}

.logo {
	text-align: center;
	max-height:156px;
}

@media (max-width: 700px) {
	.topo {
		height: 110px;
		position: sticky;
		top: 0;
		z-index: 1000;
	}
	.logo {
margin: 0 auto;
		max-width: 300px;
		max-height: 90px;
	}
}

.bg1 {background: var(--cor1);}
.bg2 {background: var(--cor2);}
.bg3 {background: var(--cor3);}
.bg4 {background: var(--cor4);}
.bg5 {background: var(--cor5);}
.bg6 {background: var(--cor6);}

.cor1 {color: var(--cor1);}
.cor2 {color: var(--cor2);}
.cor3 {color: var(--cor3);}
.cor4 {color: var(--cor4);}
.cor5 {color: var(--cor5);}

.degrade1 {
	background: linear-gradient(to bottom, var(--cor5), var(--cor4), var(--cor5));
}

.lh-2 {line-height: .9 !important;}

.sorteios {
	position: relative;
}

.sorteios time {
	position: relative;
	background: var(--cor1);
	padding: 10px 20px;
	top: auto;
	z-index: 10;
	margin-bottom: -8px;
}

@media (min-width: 768px) {
	.sorteios time {
		position: absolute;
		background: var(--cor1);
		padding: 10px 20px;
		top: -10px;
		z-index: 10;
	}
}

.sorteios time:before {
	content: "";
	position: absolute;
	right: -20px;
	width: 100%;
	top: 0;
	bottom: 0;
	border-right: 4px solid var(--cor7);
	transform: skewX(-20deg);
	background: var(--cor1);
	z-index: -1;
}


.contato {
	background: linear-gradient(to bottom, var(--cor5), var(--cor4), var(--cor5));
}

@media (min-width: 993px) {
	.contato {
		background: url(../img/bg1.jpg) no-repeat 50% 50% / cover;
	}

}

.botao-topo {
	position: fixed;
	bottom: 20px;
	right: 20px;
}

@media (max-width: 768px) {
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    --bs-gutter-x: 3.5rem;
    }
}



.btn-1 {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--cor1);
    --bs-btn-border-color: var(--cor1);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--cor8);
    --bs-btn-hover-border-color: var(--cor8);
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--cor1);
    --bs-btn-active-border-color: var(--cor8);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--cor1);
    --bs-btn-disabled-border-color: var(--cor1);
}

.opacity:hover {
	opacity: .85;
}