* { padding: 0; margin: 0; border: 0; }
html {
  text-align: center;
}

body {
	center;
    background-color: #ffffff;
background-attachment: fixed;
	font-family:'Raleway', sans-serif;
	font-size: 100%;
	color: #545454
}

header { width: 100%; height: 100%;
background-image: url("images/blog/blogheader.jpg"); 
background-attachment: fixed; background-repeat: no-repeat;
float: center;
}

.l2017 { width: 100%; height: 100%;
background-image: url("images/2017.jpg"); 
background-attachment: fixed; background-repeat: no-repeat;
float: center;
}
.l2017 img { width: 100%; height: 100%;}


header h1 { font-family:'Raleway', sans-serif; font-weight: 600;
font-size: 44px;
color: white; }

header h2 { font-family:'Raleway', sans-serif; font-weight: 300;
font-size: 32px;line-height:1.6;
color: white; }

.l2017 h1 { font-family:'Raleway', sans-serif; font-weight: 300;
font-size: 40px;
color: black; }

.l2017 h2 { font-family:'Raleway', sans-serif; font-weight: 300;
font-size: 30px;
color: black; }

.hehe {
    padding-top: 130px;
    padding-right: 80px;
    padding-left: 550px;

position: relative;-webkit-animation-name:fade;-webkit-animation-duration:2.5s;animation-name:fade;animation-duration:2.5s;}@-webkit-keyframes fade{0%{opacity:0;left:400px;top:-100px;}50%{opacity:0.8;left:0px;top:-100px;}100%{opacity:1;left:0px;top:0px;}}@keyframes fade{0%{opacity:0;left:400px;top:-100px;}50%{opacity:0.8;left:0px;top:-100px;}100%{opacity:1;left:0px;top:0px;}}}


.license { width: 60%; }



section { float: center;
font-family:'Raleway', sans-serif;
color: black;
}

section h1 { 
    font-family:'Raleway', sans-serif; font-weight: 600;
    text-align: center;
font-size: 34px;
}

section h2 { font-family:'Raleway', sans-serif; font-weight: 600;
font-size: 28px; color:#1D1E1F}





style2 { font-family:'Raleway', sans-serif; line-height: 1.5;
	font-size: 16px;color:#282525 }
style22 { font-family:'Raleway', sans-serif;
	font-size: 14px; }
style28 { font-family:'Raleway', sans-serif;
          font-size: 20px; font-weight: 200; }
style3 { font-family:'Raleway', sans-serif;
	font-size: 20px;
color:#F7F5E9; }
style31 { font-family:'Raleway', sans-serif;
	font-size: 17px; }
style4 { font-family:'Raleway', sans-serif;
	font-size: 20px; font-weight: 900; }
style5 { font-family:'Raleway', sans-serif
	font-size: 19px;
    background: #545454; }
style6 { font-family:'Raleway', sans-serif
	font-size: 18px; }
style7 { font-family:'Raleway', sans-serif
	font-size: 18px;
    color: #399F4C }
style8 { font-family:'Raleway', sans-serif
	font-size: 22px; }
style9 { font-family:'Raleway', sans-serif
	font-size: 12px; }
style97 { font-family:'Raleway', sans-serif
	font-size: 25px; }


a:link {color: #7A6C4E; text-decoration: underline;}
a:visited {color: #7A6C4E;}
a:hover {color: #B19C78; text-decoration: none; }
a:active {color: #B19C78;}

A.type2:link    {color:#EBE8E4; text-decoration:underline; }
A.type2:visited {color:#EBE8E4; text-decoration:underline; }
A.type2:active  {color:#EBE8E4; text-decoration:underline; }
A.type2:hover   {color:#EBE8E4; text-decoration:none; }


a.type1:link, a.type1:visited {
    background-color: rgba(81,69,53,0.3);
    color: #E7DDC9;
    padding: 5px 12px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border:1px solid #CBB892;
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.45);
font-weight: 500;
}

a.type7:link, a.type7:visited {background-color: rgba(189,167,120,1);color:#332916;padding: 3px 10px;text-align: center;display: inline-block;text-decoration: none;border:1px solid #CBB892;border-radius: 4px;box-shadow: 0 2px 4px 0 rgba(0,0,0,0.45);font-weight: 500;}

a.type1:hover {
    background-color:rgba(0,0,0,0); box-shadow: 0 2px 4px 0 rgba(0,0,0,0.45);
color: #E7DDC9;
}
a.type7:hover {
    background-color:rgba(0,0,0,0); box-shadow: 0 2px 4px 0 rgba(0,0,0,0.45);
color: #332916;
}

a.type1:active {background-color: rgba(81,69,53,0);
color: #E7DDC9; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);transform: translateY(1px);}
a.type7:active {background-color: rgba(81,69,53,0);
color: #332916; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);transform: translateY(1px);}


::selection{ /* Safari és Opera */ 
background:#6B5933;color:white 
} 
::-moz-selection{ /* Firefox */ 
background:#6B5933;color:white
}


.button { 
  display: inline-block;
  border-radius: 4px;
  background-color: #D4C19A;
  border: none;
  color: #514535;
  text-align: center;
  font-size: 14px;
  padding: 8px 12px;
  width: 150px;
  transition: all 0.3s;
  cursor: pointer;
  margin: 5px;
}

.button:hover {
    background-color: #7A6C4E;
    color: #E7DDC9;
}

.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.1s;
}

.button span:after {
  content: ' >';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -10px;
  transition: 0.1s;
}

.button:hover span {
  padding-right: 25px;
}

.button:hover span:after {
  opacity: 1;
  right: 0;
}





@media only screen
and (min-width : 1400px) {
	div#wrapper { width: 100%; }
header { width: 100%; height: 700px;
background-image: url("images/blog/nagyjo.jpg"); 
background-attachment: fixed;
float: center;
}
header h1 { font-size: 58px;line-height:1.2 }
header h2 { font-size: 34px;line-height:1.6;padding: 25px 0 0 0 }
section { width: 900px; }
#balo {float:left;margin:20px 0 0 3%;padding:0 65px 80px 0;border-right: 1px dotted grey;}
#balo img{max-width:200px}
.stick {position: fixed;top: 0;border-right: 1px dotted grey;}
section h2 { font-size: 30px; font-weight:600;line-height: 1.6; }
style2 { font-family:'Raleway', sans-serif; line-height: 1.6;
	font-size: 17px; }
style3 { font-family:'Raleway', sans-serif;
	font-size: 22px;
color: white; }
.hehe {
    padding-top: 180px;
    padding-right: 300px;
    padding-left: 800px;
    padding-bottom: 200px;
line-height: 1.6;
}
.mobb{display:none}
.button{font-size:15px}
a.type1:link, a.type1:visited{padding: 6px 15px;margin: 20px 0 0 0}
}


@media only screen
and (min-width : 1000px)
and (max-width : 1299px)  {
	div#wrapper { width: 100%; }
	header { width: 100%; height: 568px; 
	font-size: 300% }
header h2 {line-height:1.5}
style3 {line-height:1.5}
section { width: 800px;}
.mobb{display:none}
.button{font-size:15px}
style4{font-size:16px}
a.type1:link, a.type1:visited{padding: 7px 12px;}
.hehe {
    padding-top: 130px;
    padding-right: 120px;
    padding-left: 550px;}
}

@media only screen
and (min-width : 1300px)
and (max-width : 1399px)  {
	div#wrapper { width: 100%; }
	header { width: 100%; height: 568px;background-size:1366px 568px;
	font-size: 300% }
header h2 {line-height:1.5}
style3 {line-height:1.5}
section { width: 800px;}
.mobb{display:none}
.button{font-size:15px}
style4{font-size:16px}
a.type1:link, a.type1:visited{padding: 7px 12px;}
.hehe { 
    padding-top: 130px;
    padding-right: 120px;
    padding-left: 590px;}
}



@media only screen
and (min-width : 1250px)
and (max-width : 1399px)  {
#balo {float:left;margin:15px 0 0 1.5%;padding:0 20px 70px 0;border-right: 1px dotted grey;font-size:90%}
#balo img{max-width:180px}
.stick {position: fixed;top: 0;border-right: 1px dotted grey;font-size:90%}
}

@media only screen
and (min-width : 1000px)
and (max-width : 1249px)  {
#balo {display:none}
}




@media only screen
and (min-width : 581px)
and (max-width : 999px) {
	div#wrapper { width: 100% }
header { width: 100%; height: 100%;
background-image: url("images/blog/taby.jpg");}
header h1 { font-size: 50px;}
header h2 { font-size: 28px; line-height:1.8 }
iframe { max-width: 70%; height: 240px; }
section { width: 80%; margin: 0; }
.hehe {
    padding-top: 125px;
    padding-right: 20px;
    padding-left: 210px;
    padding-bottom: 120px;
}
.kep img { width: 70%; }
section img { width: 90%; }
section h2 { font-size: 25px; font-weight:600 }
.button { width: 130px; }
style2 { font-size: 16px;color:#2E3032  }
style22 { font-size: 14px; }
style4 { font-size: 22px; }
.foo{clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 100%);padding:0}
.fbok img{width:auto;}
#balo, .stick {display:none}
}







@media only screen
and (min-width : 220px)
and (max-width : 580px) {
	div#wrapper { width: 100% }
header { width: 100%; height: 100%;
background-image: url("images/blog/moo.jpg")}
header h1 { font-size: 32px; }
header h2 { font-size: 24px; line-height:1.8 }
iframe { max-width: 90%; height: 200px; }
section { width: 90%; margin: 0; }
.hehe {
    padding-top: 90px;
    padding-right: 5px;
    padding-left: 60px;
    padding-bottom: 80px;
}
.licenseimg { width: 20%; }
.kep img { width: 90%; }
section img { width: 90%; }
section h2 { font-size: 28px; font-weight:600 }
.button { width: 120px; }
style2 { font-size: 16px;color:#2E3032;font-weight:300 }
style22 { font-size: 13px; }
style28 { font-weight: 300; }
style3 {font-size: 19px;font-weight:300}
style4 { font-size: 21px; }
.fbok img{width:auto;}
#balo, .stick {display:none}
}