@font-face {font-family: focim; src: url("../betuk/betu4.eot") }
@font-face {font-family: focim; src: url("../betuk/betu4.ttf") }

@font-face {font-family: alcim; src: url("../betuk/betu5.eot") }
@font-face {font-family: alcim; src: url("../betuk/betu5.ttf") }

body {
    font-family: 'Pontano Sans', sans-serif;
    font-size: 16px;
    line-height: 19px;
    font-weight: 400;
    background: url('../img/bg.png');
}

p { font-size: 17px; line-height: 24px; margin-bottom: 20px; }

h1, h2, h3, h4, h5, h6 { font-family: focim; }

.alcim {
    font-size: 38px;
    font-family: alcim;
    color: #FD9522;
    line-height: 38px;
	margin-bottom:200px;
	text-align: center;
    background: #fff;
	display: inline-block;
	padding: 4px 10px;
}

h1 { font-size: 69px; color: #000; margin-top: 245px; margin-bottom: 20px; padding:0px; line-height: 66px; font-weight: 900; text-align: center; }

h2 { padding-top: 0px; padding-bottom: 20px; font-size: 38px; color: #FD9522; font-weight:700; letter-spacing:-1px }

h3 { font-size: 25px; color: #FD9522; }

h4 { font-size: 35px; color: #fff; font-weight: 400; margin-top:10px; margin-bottom:20px; }

h5 { font-size: 29px; font-weight: 700; color: #222; margin-top:20px; margin-bottom:20px; }

a, a:hover { text-decoration: none; }

a.link { font-family: 'Pontano Sans', sans-serif; font-size: 17px; line-height: 24px; font-weight: 400; color: #555; }
a.link:link    { color: #555; text-decoration: none; }
a.link:visited { color: #555; text-decoration: none; }
a.link:hover   { color: #FD9522; text-decoration: underline; }

a.link2 { font-family: 'Pontano Sans', sans-serif; font-size: 15px; line-height: 24px; font-weight: 400; color: #88888c; }
a.link2:link    { color: #88888c; text-decoration: none; }
a.link2:visited { color: #88888c; text-decoration: none; }
a.link2:hover   { color: #FD9522; text-decoration: underline; }

#header-section { background: url('../img/fejlec.jpg') top center; height:580px; border-bottom:4px solid #fff; background-size: cover; }

.navbar-toggle .icon-bar {
  width: 26px;
  height: 4px;
}

.konyvjelzo { height:68px; margin-top:-68px }

.section { background: #333336; font-size: 17px; color: #88888c; border-bottom:0px solid #fff }

.section2 { color: #555; }

.container { padding-top:18px; padding-bottom:25px; }

.navbar {
    font-weight: 500;
    font-size: 19px;
    background: #FD9522;
    border-bottom: 1px solid #FFB653;
    border-top: 0px solid #111;
	padding-bottom:4px
}

.navbar-inverse .navbar-brand { color:#fff; font-size: 32px; font-weight: 700; letter-spacing: 0px; line-height:27px; padding-top:10px }
.navbar-inverse .navbar-text { color:#fff; }
.navbar-inverse .navbar-nav>li>a { color:#fff }
.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover { color:#000; background-color:transparent }

section {
    position: relative;
    width: 100% !important;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

    section:nth-of-type(1) {
        height: 300px;
    }

    section:nth-of-type(2) {
        height: 300px;
    }

#story-freext > div:nth-of-type(1) {
    background: url('../img/1.jpg') 50% 0 repeat-y;
	background-size: cover;
    height: 300px;
    position: absolute;
    width: 100%;
}

#story-two > div:nth-of-type(2) {
    background: url('../img/2.jpg') no-repeat top;
	background-size: cover;
    height: 300px;
    position: absolute;
    width: 100%;
}

section article {
    position: absolute;
    left: 0px;
    width: 100%;
    z-index: 4;
    color: #fff;
    font-size: 20px!important;
    padding: 0px;
}

    section article span {
        line-height: 40px!important;
        font-weight: 600!important;
    }

#footer {
    background: #333336;
    color: #88888c;
    padding: 20px;
	font-size:15px;
	text-align: center;
    border-bottom: 0px solid #111;
}

#lab1 {
    background-color: #FD9522;
    color: #fff;
    padding-top: 4px;
    padding-bottom: 3px;
	text-align: center;
}

.btn { background: #F89826; border:0px }


@media (min-width: 550px) and (max-width: 992px) {

	h1 { font-size: 65px; margin-top: 220px; }
	.alcim { font-size: 35px; line-height: 35px; }

}

@media (min-width: 0px) and (max-width: 550px) {

	.navbar-inverse .navbar-brand { font-size: 26px; }
	h1 { font-size: 60px; margin-top: 160px; }
	.alcim { font-size: 28px; line-height: 28px; }
	#story-freext > div:nth-of-type(1) { background-size: auto; }
	#story-two > div:nth-of-type(2) { background-size: auto; }

}