* { 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: #231F20; font-size: 11pt; }

.limg { display: block; height: 55%; text-align: center; font-size: 35pt; font-weight: 800; padding-top: 50px; text-shadow: 1px 1px 3px #000000; }
.limg div { height: 70%; width: 100%; }
.rtxt { display: block; height: 45%; }
.rtxt div { margin: auto; max-width: 820px; padding: 40px 10px 10px 10px; text-align: justify; font-size: 13pt;}

#p0 { background: url('imgs/main.jpg') center bottom no-repeat; background-size: cover; }

.head {
    background: #000000;
    height: 70px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
    aoverflow: hidden;
    font-size: 10pt;
}

.head div { vertical-align: middle; }

.head .logo { width: 138px; height: 100%; display: inline-block; background: url('imgs/dexef_hu.png') center center no-repeat; margin-right: 10px; background-size: 100% auto; vertical-align: middle; }
.head .menu { display: inline-block; height: 100%; padding-top: 20px; }
.head .rmenu { display: inline-block; float: right; height: 100%; padding-top: 20px; position: absolute; right: 10px; }
.head a { display: inline-block; color: #ffffff; padding: 1px 5px 1px 5px; }
.head a.logo { display: inline-block; color: #ffffff; padding: 0; vertical-align: middle; }
.head .menu .hu { border-right: 1px solid #ffffff; margin-left: 30px; }

#hamburger{ position: absolute; top: 5px; right: 5px; height: 30px; width: 30px; background: url(imgs/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 .centermenu {}
#p0 .centermenu a { display: inline-block; width: 15%; height: 100%; overflow: hidden; color: #ffffff; text-decoration: none; font-size: 15pt; text-align: center; amin-width: 120px; }
#p0 .centermenu a img { width: 80%; display: block; margin: 0 10% 10px 10%; }

#p1 { background: #508A35; } /* terv */
#p1 .limg { background: transparent url('imgs/graf.jpg') center bottom no-repeat; background-size: cover; color: #ffffff; }
#p1 .limg div { background: transparent url('imgs/graf_ico.png') center center no-repeat;  background-size: auto 70%; }
#p1 .rtxt div { color: #ffffff; }

#p2 { background: #EE8000; } /* eloke */
#p2 .limg { background: transparent url('imgs/nyom.jpg') center bottom no-repeat; background-size: cover; color: #ffffff; }
#p2 .limg div { background: transparent url('imgs/nyom_ico.png') center center no-repeat;  background-size: auto 70%; }
#p2 .rtxt div { color: #ffffff; }

#p3 { background: #C1001F; } /* digiprint */
#p3 .limg { background: transparent url('imgs/dig.jpg') center bottom no-repeat; background-size: cover; color: #ffffff; }
#p3 .limg div { background: transparent url('imgs/dig_ico.png') center center no-repeat;  background-size: auto 70%; }
#p3 .rtxt div { color: #ffffff; }

#p4 { background: #ffffff; } /* it */
#p4 .limg { background: transparent url('imgs/it.jpg') center bottom no-repeat; background-size: cover; color: #ffffff; }
#p4 .limg div { background: transparent url('imgs/it_ico.png') center center no-repeat;  background-size: auto 70%; }
#p4 .rtxt div { color: #444444; }

#p5 { background: #ee8000; } /* kf */
#p5 .limg { background: transparent url('imgs/kf.jpg') center bottom no-repeat;background-size: cover; color: #ffffff; }
#p5 .limg div { background: transparent url('imgs/kf_ico.png') center center no-repeat;  background-size: auto 70%; }
#p5 .rtxt div { color: #ffffff; }

#p6 { background: #00496a; } /* okt */
#p6 .limg { background: transparent url('imgs/okt.jpg') center bottom no-repeat;  color: #ffffff; }
#p6 .limg div { background: transparent url('imgs/okt_ico.png') center center no-repeat; background-size: cover; background-size: auto 70%; }
#p6 .rtxt div { color: #ffffff; }

#p7 { background: #128B29; } /* about */
#p7 .limg { background: transparent url('imgs/kik.jpg') center bottom no-repeat;  color: #ffffff; }
#p7 .limg div { background: transparent url('imgs/kik_ico.png') center center no-repeat; background-size: cover; background-size: auto 70%; }
#p7 .rtxt div { color: #ffffff; }



@media screen and (max-width: 1000px){
    .head { height: 40px; }
    .head .rmenu { height: 40px; float: none !important; position: static !important; }
    .head .menu .hu { margin-left: 0; border-right: 0; }
    .head .logo { margin-right: 5px; width: 80px; }
    .head a { padding: 1px 3px 1px 3px; font-size: 8pt; }
/*}

@media screen and (max-height: 700px) and (min-width: 600px){
*/
    #p0 .centermenu a { width: 15%; font-size: 9pt; }
    .head .menu { padding-top: 10px; }
    .head .rmenu { padding-top: 10px; }
}

@media screen and (max-width: 600px){
    #p0 .centermenu a { width: 30%; font-size: 9pt; margin-bottom: 10px; }
    .head .logo { margin-right: 3px; width: 60px; }
    .head a { padding: 1px 2px 1px 2px; font-size: 8pt; }

    #hamburger   { display: inline; }
    .head .menu  { display: none; }
    .head .rmenu { display: none; }
    .rtxt div { font-size: 10pt !important; }
}

@media screen and (max-height: 600px){
    .limg { height: 35%; font-size: 25pt; padding-top: 30px; }
    .rtxt { height: 65%; }
    .rtxt div { font-size: 8.5pt; }
    .limg div { height: 50%; }
}

@media screen and (max-height: 500px){
    .limg { height: 50%; text-align: center; font-size: 25pt; padding-top: 20px; }
    .limg div { height: 100%; display: inline-block; width: 20%; vertical-align: middle; }
    .rtxt { display: block; height: 50%; }
    .rtxt div { padding-top: 10px; font-size: 9pt; }
}


.blink { position: absolute; bottom: 10px; }
#palyazat_link { width: 200px; height: 139px; display: inline-block; background: url('imgs/sz2020.png') center center no-repeat; right: 0px; top: 70px; }