:root {
    --bs-primary: #ffb600;
    --bs-dark: #000000;
	
}

@font-face { font-family: 'ethnocentricrg';
             src: url('/font/ethnocentricrg.ttf'); 
}

h1 {
    font-size: 32px;
	font-family: Arial, Helvetica, sans-serif;

}

h2 {
    font-size: 28px;
	font-family: Arial, Helvetica, sans-serif;

}
.col{
	font-family: Arial, Helvetica, sans-serif;
}
.text-white {
	font-family: Arial, Helvetica, sans-serif;
}
.text-black {
	font-family: Arial, Helvetica, sans-serif;
}
.text-white-50{
	font-family: Arial, Helvetica, sans-serif;
}
.text-minimi{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}


.logo {
    max-width: -webkit-fill-available;
    width: 420px;
}
.shadow { 
  text-shadow: 1px 1px 1px black;
}


.font-ci {
	font-family: 'ethnocentricrg';
}
  
.font-et {
      font-family: Arial, Helvetica, sans-serif;
}

.bg-dark {
    background-color: var(--bs-dark) !important;
}

.bg-dark-50 {
    background-color: #00000050;
}

.bg-header {
    background-image: url('/img/tires.jpg');
}

.text-primary {
    color: var(--bs-primary) !important;
	font-family: Arial, Helvetica, sans-serif;
}

a {
    color: var(--bs-primary);
}

a:hover {
    color: var(--bs-primary);
}

.btn {
	font-family: Arial, Helvetica, sans-serif;
    border-width: 2px;
    font-size: 20px;
	color: var(--bs-primary);
    border-radius: 100px;
    background-color: #00000030;
    border-color: var(--bs-primary);
}

.btn:hover {
    background-color: #00000080;
    border-color: var(--bs-primary);
}

.btn:focus {
    outline: none;
}

.pt-80 {
    padding-top: 100px;
}

.cookify button {
    width: 100%;
}

#cookieButton {
    background-color: var(--bs-primary) !important;
}