* { font-family: 'Open Sans', sans-serif; box-sizing: border-box; }
a:visited, a:hover, a:active, a { outline: none; text-decoration: none; }
body { margin: 0; padding: 0; text-align: center; background: #eeeeee; font-size: 10.5pt; }

.head {
    background: rgba(100,100,100,0.8);
    height: 60px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
    aoverflow: hidden;
    font-size: 10pt;
}

.head div { vertical-align: middle; }

.head .logo { width: 124px; height: 100%; display: inline-block; background: url('images/logo.png') center center no-repeat; margin-right: 10px; vertical-align: middle; }
.head .menu { display: inline-block; height: 100%; padding-top: 20px; }
.head a { display: inline-block; color: #ffffff; padding: 1px 15px 1px 15px; }
.head a.active { font-weight: bold; }
.head a.logo { display: inline-block; color: #ffffff; padding: 0; vertical-align: middle; }

#hamburger{ position: absolute; top: 5px; right: 5px; height: 30px; width: 30px; background: url(images/hamburger.png) no-repeat; background-size: 100%; display: none; }
#hamburgercontainer { position: absolute; top: 55px; left: 20px; right: 20px; background: #000000; z-index: 10; display: none; }
#hamburgercontainer a { display: block; width: 100%; padding: 5px 0 5px 0; font-size: 12pt; }


#p0 { background: url('images/main-screen.jpg') left top no-repeat; background-size: cover; }
#p0 img { max-width: 90%; }
#p0 h1 { color: #ffffff; margin: 40px; font-size: 3em; }
#p0 a.tovabb { display: inline-block; color: #ffffff; background: linear-gradient(90deg,#E63810,#F28700); padding: 10px 40px 10px 40px; text-align: center; font-size: 1.5em; margin-top: 20px; }


.p0b { max-width: 1300px; margin: auto; }
.p0b>div { display: inline-block; width: 250px; vertical-align: top; margin: 20px 30px 20px 30px; }
.p0b>div>div { width: 100%; height: 70px; background-size: contain; }

.p0b0>div { background: transparent url('images/ico1.png') center center no-repeat; }
.p0b1>div { background: transparent url('images/ico2.png') center center no-repeat; }
.p0b2>div { background: transparent url('images/ico3.png') center center no-repeat; }
.p0b3>div { background: transparent url('images/ico4.png') center center no-repeat; }
.p0b4>div { background: transparent url('images/ico5.png') center center no-repeat; }
.p0b5>div { background: transparent url('images/ico6.png') center center no-repeat; }
.p0b6>div { background: transparent url('images/ico7.png') center center no-repeat; }


.sectioncontent { padding-top: 60px; color: #444444; height: 100%; overflow: hidden; zoom: 1; }
.sectioncontent h1 { color: #666666; }

aa#p1 { background: #ffffff; }

.bemutatkozas { background: #ffffff url('images/student_bemutat2.jpg') top center no-repeat; }
.bemutatkozas div.about {
    /*background: rgba(255,255,255,.8);*/
    background: transparent;
    max-width: 940px;
    width: 100%;
    height: 100%;
    padding: 20px 0px 40px 0px;
    margin: auto;
    text-align: left;
}
.bemutatkozas div.about ul {
    margin-left: 0; padding-left: 20px;
}

#p2{ background: #ffffff url('images/student_allas4.jpg') top center no-repeat; }

h1.about {
    text-align: center;
}

.bemuttop {
    background: transparent url('images/bemutat_foto.jpg') center center no-repeat;
    min-height: 200px;
}

.kapcsolat .cth {
    background: #ffffff;
    color: #ffffff;
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 15%;
    padding-top: 70px;
}
.kapcsolat .cth h1 { color: #666666; margin: 0; }

.kapcsolat .ct {
    background: linear-gradient(90deg,#E63810,#F28700);
    padding: 30px 0 30px 0;
    color: #ffffff;
    position: absolute;
    bottom: 0; left: 0; right: 0;
    height: 15%;
}


.kapcsolat .ctl { width: 40%; display: inline-block; text-align: right; padding: 10px; vertical-align: top; }
.kapcsolat .ctr { width: 40%; display: inline-block; text-align: left; border-left: 1px solid #ffffff; padding: 10px; vertical-align: top; }

.kapcsolat .cbl { position: absolute; left: 0;  bottom: 15%; height: 70%; width: 50%; }
.kapcsolat .cbr { position: absolute; right: 0; bottom: 15%; height: 70%; width: 50%; }
.kapcsolat .cbr iframe { border: 0;}

div#cookie { width: 100%; padding: 5px; font-size: 10pt; position: fixed; left: 0; right: 0; bottom: 0; background: #000; background: rgba(0,0,0,.8); color: #ffffff; text-align: center; display: none; }
div#cookie a { color:#ffffff; text-decoration: underline; }
div#cookie input {  border: 0; background: #dd8a20; color: #ffffff; padding: 3px 10px; margin-left: 10px; }


@media screen and (max-width: 1366px){
    body { font-size: 10pt; }
}

@media screen and (max-width: 1300px){
    .p0b>div { margin: 10px; }
}
/*@media screen and (max-height: 800px){ .bemutatkozas div.about { max-width: 750px; } }
@media screen and (max-height: 700px){ .bemutatkozas div.about { max-width: 850px; } }
@media screen and (max-height: 600px){ .bemutatkozas div.about { max-width: 950px; } }
@media screen and (max-height: 560px){ .bemutatkozas div.about { max-width: 100%;  } }
*/

@media screen and (max-width: 1000px){
    #p0 h1 { font-size: 2em; }
    .p0b>div>div { width: 100%; height: 40px;  }
    .bemutatkozas div.about { padding: 40px 20px 40px 20px; }
}

@media screen and (max-width: 600px){
    body	 { font-size: 9pt; }
    #hamburger   { display: inline; }
    .head .menu  { display: none; }
    .p0b>div     { width: 100%; margin: 5px; text-align: left; }
    .p0b>div h3  { margin: 5px; }
    .p0b>div>div { width: 100%; height: 30px; display: none; }
    .sectioncontent h1 { margin: 5px; }
    .kapcsolat .ct h1 { margin-top: 10px; }
    .kapcsolat .cbl { position: static; width: 100%; height: 300px; }
    .kapcsolat .cbr { position: static; width: 100%; height: 300px; }
    .bemutatkozas div.about { background: rgba(255,255,255,1); max-width: 100%; padding: 10px; margin-top: 50px;}
    .sectioncontent { padding-top: 10px;}
}