body {
    background-image: url("../media/hatter.png");
    background-size: cover;
    background-attachment: fixed;
    font-family: 'Arial', 'Helvetica', sans-serif;
    font-size: 100%;
    /* Háttérszín beállítása arra az esetre, ha a kép nem töltődne be */
    background-color: #f5f5f5;
}

p, ul, ol {
    text-align: left;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.5em;
}

h3 {
    font-size: 1.25em;
}

.carousel-item img {
    object-fit: cover;
    object-position: center;
    height: 40vh;
    overflow: hidden;
}

.table-dark td {
    background-color: #55401f;
}

a:link {
    color: #0047a8;
    text-decoration: underline;
}

a:visited {
    color: #4f555a;
    text-decoration: underline;
}

a:hover {
    color: #003b87;
    text-decoration: underline;
}

a:active {
    color: #00295f;
    text-decoration: underline;
}

.navbar-nav a:link,
.navbar-nav a:visited,
nav ul a:link,
nav ul a:visited,
nav ol a:link,
nav ol a:visited {
    text-decoration: none;
}

.navbar {
    margin-bottom: 1rem;
    background-color: #f8f9fa;
}

.text-primary {
    color: #0047a8 !important;
}

.bg-primary {
    background-color: #0047a8 !important;
}

.bg-primary p {
    color: #ffffff;
    font-weight: normal;
}

.bg-white {
    color: #212529;
}

body.large {
    font-size: 150% !important;
}

body.large h1 {
    font-size: 2.5em !important;
}

body.large h2 {
    font-size: 2em !important;
}

body.large h3 {
    font-size: 1.75em !important;
}

body.large p {
    font-size: 1.25em !important;
}

.visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

strong, b, em, i {
    font-weight: bold;
    color: inherit;
}