
@font-face {  
	font-family: "georgia";
	src: url("fonts/georgia.ttf") format('truetype');
}


:root {
  --preto: #000;
  --branco: #fff;
  --cinza-claro: #e4e4e4;
  --cinza-escuro: #999999;
  --azul: #000000;
  --gold: #cccccc;
  --azulescuro: #022b5a;
  --goldescuro: #1c861a;
}
body {
  background: #ff;
  font-family: "georgia";
	letter-spacing: 3px;
}
main {
  padding: 20px 0;
  background: var(--branco);
}
label {
	font-size: 14px !important;
	font-weight: 600 !important;
}
h2 {
	font-size:bold !important;
}
.bg-light {
  background: var(--branco);
}
.cor1 {
  color: var(--azul);
}
.cor2 {
  color: var(--gold);
}
.cor2 {
  color: var(--gold);
}
.cor3 {
  color: var(--cinza-claro);
}
.preto {
  color: var(--preto);
}
.branco {
  color: var(--branco);
}
.bg-cor1 {
  background-color: var(--azul);
}
.bg-cor2 {
  background-color: var(--gold);
}

.bg-cor3 {
  background-color: var(--cinza-claro);
}
.topo {
  background: var(--branco);
  padding-top: 15px;
}
.barra-topo {
  background: var(--cinza-claro);
  color: var(--azul);
  padding: 8px 0;
}
.barra-topo h2 {
  font-size: 1.2rem;
}
.barra-topo a,
.barra-topo a:visited {
  color: var(--azul);
}
.barra-topo a:hover {
  text-decoration: none;
  color: var(--gold);
}
.barra-topo a i {
  font-size: 1.5em;
}
.menu a.nav-link:first-child {
  padding-left: 0;
}
.menu a.nav-link,
.menu a.nav-link:visited {
  color: var(--azul) !important;
}
.menu a.nav-link:hover {
  color: var(--gold) !important;
}
.menu .dropdown-item:focus,
.menu .dropdown-item:hover {
  font-weight: bold;
  color: var(--azul);
  text-decoration: none;
  background-color: var(--gold);
}
main a {
  color: var(--azul);
}
main a:hover {
  color: var(--gold) !important;
}
button[data-toggle="collapse"] {
  font-size: 1.1rem;
}
button[data-toggle="collapse"],
button[data-toggle="collapse"]:visited {
  color: var(--azul) !important;
}
button[data-toggle="collapse"]:hover {
  color: var(--gold) !important;
}
/* Cores dos botões 
AZUL
*/
.btn-azul {
  font-weight: 400;
  background-color: var(--azul);
  border-color: var(--azul);
  color: var(--branco);
  border-radius: 30px;
}
.btn-azul:hover {
  color: var(--branco);
  background-color: var(--azulescuro);
  border-color: var(--azulescuro);
  border-radius: 30px;
}
/* GOLD */
.btn-gold {
  font-weight: 400;
  background-color: var(--gold);
  border-color: var(--gold);
  color: var(--branco);
  border-radius: 30px;
}
.btn-gold:hover {
  color: var(--branco);
  background-color: var(--goldescuro);
  border-color: var(--goldescuro);
  border-radius: 30px;
}
/* CINZA */
.btn-cinza {
  font-weight: 600;
  background-color: var(--cinza-claro);
  border-color: var(--cinza-claro);
}
.btn-cinza:hover {
  color: var(--branco);
  background-color: var(--cinza-escuro);
  border-color: var(--cinza-escuro);
}

@media screen and (min-width: 768px) {
  #lower-logo{
    float: bottom;
  }
}

.borda-cinza {
	border-color: var(--cinza-claro);
}

.center {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.container2 {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}