html, body { height: 100%; }
body {
    display: flex;
    flex-direction: column;
}
.page-content {
  flex: 1 0 auto;
}
.footer {
  flex-shrink: 10;
}

.bg-datatrans {background-color: #ff6a00;}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #c54900;
    background-color: #ff6a00;
}

a {
  color: #42d2ff;
}

a.urlap {
  color: #ff6000;
}

a:hover {
  color: #000000;
  text-decoration: none;
}

.text-narancs {
  color: #ff6b00;
}

.text-kek {
    color: #3282C3;
}

.text-piros {
    color: #DE3B1F;
}

@media (max-width: 576px) { 
    body { font-size: 0.8rem; } 
    .h2 { font-size: 1.4rem; }
    .h4 { font-size: 1rem; }
    .display-1 { font-size: 2.2rem; }
}