#logo {
    width: 1000px;
    height: 175px;


}

h1 {
    text-align: center;
}

p {
    font-size: 180%;
}

h2 {
    margin-bottom: 50px !important;
}

#haz {
    width: 800px;
    height: 300px;
}

hr {
    border: 0;
    height: 3px;
    background-color: black !important;
}

#urlap {
    border: 2px solid black;
}

.balkep {
    width: 700px;
    height: auto;
}

.prog {
    font-size: 170%;
}

#dinok {
    width: 650px;
    height: auto;
}

#vid {
    width: 130%;
    height: auto;
}

#ujsorol {
    font-size: 200%;

}

#ujsorol li {
    margin-bottom: 25px;
}

#navbar {
    background-image: url("hatter.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.navbar-brand {
    color: white !important;
    font-size: 200% !important;
}

.nav-link {
    color: #ffffcc !important;
    font-size: 150% !important;
    text-shadow: 1px 1px 2px black !important;
}

.nav-link.active {
    color: #ffcc00 !important;
}

form p {
    margin-top: 30px;
}

body {
    text-align: left;
    font-family: Arial, sans-serif;
    background-color: #ddfcf9 !important;
}

#styleswitch {
    text-align: right;
    margin: 10px;
}

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

body.large .container-lg {
    max-width: 95% !important
}

body.large .col-lg-6,
body.large .col-md-6,
body.large .col-md-4,
body.large .col-md-8,
body.large .col-lg-4 {
    flex: 0 0 auto;
    width: 100%
}



#linkek {
    font-size: 130%;
}

.link {
    color: blue;
}

.link:visited {
    color: purple;
}