body{
    font-family: sans-serif;
    text-align: left;
    font-size: 1em;
}

body#urlap{
    background-image: url(../media/felhok.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
}

td.top{
    vertical-align: top;
}

td.urlaptabla{
    width: 65%
}

table.withborder, td.withborder, tr.withborder, th.withborder{
    border: 2px solid black;
    border-collapse: collapse;
    font-size: 1.3em;
    table-layout: fixed;
    width: 100%;
    vertical-align: middle;
    text-align: center;
    font-weight: lighter;
}

body.large table.withborder, body.large td.withborder, body.large tr.withborder, body.large th.withborder{
    font-size: 1.5em;
}

table.video, td.video, tr.video{
    table-layout: fixed;
    width: 100%;
    text-align: center;
    vertical-align: top;
}

fieldset{
    border: 0px;
}

fieldset.alap{
    border: 0px;
    background-color: #f5f0f0;
}

fieldset.navig{
    border: 0px;
    background-color: lightgray;
}

fieldset.urlap{
    background-color: white;
}

caption{
    caption-side: bottom;
}

body.large caption{
    font-size: 1.5em;
}

h1{
    font-size: 3.5em;
    font-family: sans-serif;
}

body.large h1{
    font-size: 4.5em;
}

h2{
    font-size: 3em;
    font-family: sans-serif;
}

body.large h2{
    font-size: 5em;
}

h3{
    font-size: 2.5em;
    font-family: sans-serif;
}

body.large h3{
    font-size: 5.5em;
}


p{
    font-size: 2em;
    font-family: sans-serif;
}

p.ur{
    font-size: 1.5em;
}

body.large p{
    font-size: 3em;
}


nav{
    font-size: 1.5em;
    font-family: sans-serif;
}

body.large nav{
    font-size: 3em;
}

body.large figcaption{
    font-size: 2em;
}

details.vid{
    text-align: left;
}

summary.vide{
    text-align: center;
}

body.large details{
    font-size: 1.8em;
}

footer{
    font-size: 1.3em;
    font-family: sans-serif;
    text-align: center;
    padding: 20px;
}

body.large footer{
    font-size: 2em;
}

aside{
    font-size: 1.3em;
    font-family: sans-serif;
}

body.large aside{
    font-size: 2em;
}

label{
    font-size: 1.5em;
    font-family: sans-serif;
}

body.large label{
    font-size: 2em;
}

legend{
    font-size: 1.5em;
    font-family: sans-serif;
}

body.large legend{
    font-size: 2em;
}

video{
    display: block;
    margin: 0 auto;
}

img.thumb{
    border: 1px solid #ddd;
  border-radius: 4px;  
  padding: 5px; 
}

a:link {
    color: blue;
}

a:visited {
    color: #038cfc;
}

img#kozep{
    width: 400px;
}

img.pipa{
    width: 300px;
}

img#kicsi{
    width: 250px;
}

img.nagy{
    width: 100%;
}

video{
    height: 750px;
}

:is(body.large) :is(input[type="submit"], input[type="reset"], select){
    font-size: 1.3em;
}

input.box{
    width: 400px;
}