
 /* Font Definitions */

/* style.css */

body {
  margin: 0;
  font-family: Arial, sans-serif;
  background-color: #fef6f0;
  color: #333;
}

header {
  background-color: #ff7f2a;
  padding: 1rem;
  text-align: center;
  color: white;
}

.menu {
  list-style: none;
  padding: 0;
  margin: 1rem 0 0 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1rem;
}

.menu li {
  margin: 0;
}

.menu a {
  text-decoration: none;
  color: white;
  background-color: #888888;
  padding: 0.5rem 1rem;
  border-radius: 4px;
  transition: background-color 0.3s;
}

.menu a:hover {
  background-color: #666666;
}

main {
  padding: 2rem;
  text-align: center;
}

footer {
  background-color: #1a1a1a;
  color: white;
  text-align: center;
  padding: 1rem;
  position: relative;
  bottom: 0;
  width: 100%;
}

.video-grid {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  align-items: center;
  margin-top: 2rem;
}

.video-item iframe {
  border: 2px solid #e55d00;
  border-radius: 8px;
}

.button {
      display: inline-block;
      padding: 0.75rem 1.5rem;
      background-color: #888888;
      color: white;
      text-decoration: none;
      border-radius: 4px;
      transition: background-color 0.3s;
      margin-top: 0.5rem;
    }

    .button:hover {
      background-color: #666666;
    }

    .divider {
      width: 90%;
      height: 4px;
      background-color: orange;
      margin: 2rem auto;
      border-radius: 2px;
    }
    
.video-grid {
      display: flex;
      flex-direction: column;
      gap: 2rem;
      align-items: center;
      margin-top: 2rem;
    }

    .video-item {
      width: 100%;
      max-width: 720px;
      text-align: center;
    }

    .video-item a.button {
      display: inline-block;
      padding: 0.75rem 1.5rem;
      background-color: #888888;
      color: white;
      text-decoration: none;
      border-radius: 4px;
      transition: background-color 0.3s;
      margin-top: 0.5rem;
    }

    .video-item a.button:hover {
      background-color: #666666;
    }


@media (max-width: 600px) {
  .menu {
    flex-direction: column;
    align-items: center;
  }
}


 @font-face
	{font-family:Wingdings;
	panose-1:5 0 0 0 0 0 0 0 0 0;}
@font-face
	{font-family:"Cambria Math";
	panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
	{font-family:Calibri;
	panose-1:2 15 5 2 2 2 4 3 2 4;}
@font-face
	{font-family:"Trebuchet MS";
	panose-1:2 11 6 3 2 2 2 2 2 4;}
@font-face
	{font-family:"Segoe UI";
	panose-1:2 11 5 2 4 2 4 2 2 3;}
 /* Style Definitions */
 p.MsoNormal, li.MsoNormal, div.MsoNormal
	{margin:0cm;
	margin-bottom:.0001pt;
	font-size:11.0pt;
	font-family:"Calibri",sans-serif;}

h2
	{mso-style-link:"Címsor 2 Char";
	margin-top:0cm;
	margin-right:0cm;
	margin-bottom:0cm;
	margin-left:17.15pt;
	margin-bottom:.0001pt;
	font-size:40.0pt;
	font-family:"Trebuchet MS",sans-serif;}
h3
	{mso-style-link:"Címsor 3 Char";
	margin-top:2.0pt;
	margin-right:0cm;
	margin-bottom:0cm;
	margin-left:0cm;
	margin-bottom:.0001pt;
	page-break-after:avoid;
	font-size:12.0pt;
	font-family:"Cambria",serif;
	color:#243F60;
	font-weight:normal;}
h4
	{mso-style-link:"Címsor 4 Char";
	margin-top:2.0pt;
	margin-right:0cm;
	margin-bottom:0cm;
	margin-left:0cm;
	margin-bottom:.0001pt;
	page-break-after:avoid;
	font-size:11.0pt;
	font-family:"Cambria",serif;
	color:#365F91;
	font-weight:normal;
	font-style:italic;}
h5
	{mso-style-link:"Címsor 5 Char";
	margin-top:2.0pt;
	margin-right:0cm;
	margin-bottom:0cm;
	margin-left:0cm;
	margin-bottom:.0001pt;
	page-break-after:avoid;
	font-size:11.0pt;
	font-family:"Cambria",serif;
	color:#365F91;
	font-weight:normal;}
h6
	{mso-style-link:"Címsor 6 Char";
	margin-top:2.0pt;
	margin-right:0cm;
	margin-bottom:0cm;
	margin-left:0cm;
	margin-bottom:.0001pt;
	page-break-after:avoid;
	font-size:11.0pt;
	font-family:"Cambria",serif;
	color:#243F60;
	font-weight:normal;}
p.MsoHeading7, li.MsoHeading7, div.MsoHeading7
	{mso-style-link:"Címsor 7 Char";
	margin-top:2.0pt;
	margin-right:0cm;
	margin-bottom:0cm;
	margin-left:0cm;
	margin-bottom:.0001pt;
	page-break-after:avoid;
	font-size:11.0pt;
	font-family:"Cambria",serif;
	color:#243F60;
	font-style:italic;}
p.MsoHeading8, li.MsoHeading8, div.MsoHeading8
	{mso-style-link:"Címsor 8 Char";
	margin-top:2.0pt;
	margin-right:0cm;
	margin-bottom:0cm;
	margin-left:0cm;
	margin-bottom:.0001pt;
	page-break-after:avoid;
	font-size:10.5pt;
	font-family:"Cambria",serif;
	color:#272727;}
p.MsoHeading9, li.MsoHeading9, div.MsoHeading9
	{mso-style-link:"Címsor 9 Char";
	margin-top:2.0pt;
	margin-right:0cm;
	margin-bottom:0cm;
	margin-left:0cm;
	margin-bottom:.0001pt;
	page-break-after:avoid;
	font-size:10.5pt;
	font-family:"Cambria",serif;
	color:#272727;
	font-style:italic;}
p.MsoFootnoteText, li.MsoFootnoteText, div.MsoFootnoteText
	{mso-style-link:"Lábjegyzetszöveg Char";
	margin:0cm;
	margin-bottom:.0001pt;
	font-size:10.0pt;
	font-family:"Calibri",sans-serif;}
p.MsoHeader, li.MsoHeader, div.MsoHeader
	{mso-style-link:"Élõfej Char";
	margin:0cm;
	margin-bottom:.0001pt;
	font-size:11.0pt;
	font-family:"Calibri",sans-serif;}
p.MsoFooter, li.MsoFooter, div.MsoFooter
	{mso-style-link:"Élõláb Char";
	margin:0cm;
	margin-bottom:.0001pt;
	font-size:11.0pt;
	font-family:"Calibri",sans-serif;}
p.MsoCaption, li.MsoCaption, div.MsoCaption
	{margin-top:0cm;
	margin-right:0cm;
	margin-bottom:10.0pt;
	margin-left:0cm;
	font-size:9.0pt;
	font-family:"Calibri",sans-serif;
	color:#1F497D;
	font-style:italic;}
span.MsoFootnoteReference
	{vertical-align:super;}
p.MsoTitle, li.MsoTitle, div.MsoTitle
	{mso-style-link:"Cím Char";
	margin:0cm;
	margin-bottom:.0001pt;
	font-size:28.0pt;
	font-family:"Cambria",serif;
	letter-spacing:-.5pt;}
p.MsoTitleCxSpFirst, li.MsoTitleCxSpFirst, div.MsoTitleCxSpFirst
	{mso-style-link:"Cím Char";
	margin:0cm;
	margin-bottom:.0001pt;
	font-size:28.0pt;
	font-family:"Cambria",serif;
	letter-spacing:-.5pt;}
p.MsoTitleCxSpMiddle, li.MsoTitleCxSpMiddle, div.MsoTitleCxSpMiddle
	{mso-style-link:"Cím Char";
	margin:0cm;
	margin-bottom:.0001pt;
	font-size:28.0pt;
	font-family:"Cambria",serif;
	letter-spacing:-.5pt;}
p.MsoTitleCxSpLast, li.MsoTitleCxSpLast, div.MsoTitleCxSpLast
	{mso-style-link:"Cím Char";
	margin:0cm;
	margin-bottom:.0001pt;
	font-size:28.0pt;
	font-family:"Cambria",serif;
	letter-spacing:-.5pt;}
p.MsoBodyText, li.MsoBodyText, div.MsoBodyText
	{mso-style-link:"Szövegtörzs Char";
	margin-top:11.05pt;
	margin-right:0cm;
	margin-bottom:0cm;
	margin-left:13.6pt;
	margin-bottom:.0001pt;
	font-size:28.0pt;
	font-family:"Trebuchet MS",sans-serif;}
p.MsoSubtitle, li.MsoSubtitle, div.MsoSubtitle
	{mso-style-link:"Alcím Char";
	margin-top:0cm;
	margin-right:0cm;
	margin-bottom:8.0pt;
	margin-left:0cm;
	font-size:11.0pt;
	font-family:"Calibri",sans-serif;
	color:#5A5A5A;
	letter-spacing:.75pt;}
p.MsoAcetate, li.MsoAcetate, div.MsoAcetate
	{mso-style-link:"Buborékszöveg Char";
	margin:0cm;
	margin-bottom:.0001pt;
	font-size:9.0pt;
	font-family:"Segoe UI",sans-serif;}
p.MsoNoSpacing, li.MsoNoSpacing, div.MsoNoSpacing
	{mso-style-link:"Nincs térköz Char";
	margin:0cm;
	margin-bottom:.0001pt;
	font-size:11.0pt;
	font-family:"Calibri",sans-serif;}
p.MsoListParagraph, li.MsoListParagraph, div.MsoListParagraph
	{margin:0cm;
	margin-bottom:.0001pt;
	font-size:11.0pt;
	font-family:"Calibri",sans-serif;}
p.MsoQuote, li.MsoQuote, div.MsoQuote
	{mso-style-link:"Idézet Char";
	margin-top:10.0pt;
	margin-right:43.2pt;
	margin-bottom:8.0pt;
	margin-left:43.2pt;
	text-align:center;
	font-size:11.0pt;
	font-family:"Calibri",sans-serif;
	color:#404040;
	font-style:italic;}
p.MsoIntenseQuote, li.MsoIntenseQuote, div.MsoIntenseQuote
	{mso-style-link:"Kiemelt idézet Char";
	margin-top:18.0pt;
	margin-right:43.2pt;
	margin-bottom:18.0pt;
	margin-left:43.2pt;
	text-align:center;
	border:none;
	padding:0cm;
	font-size:11.0pt;
	font-family:"Calibri",sans-serif;
	color:#4F81BD;
	font-style:italic;}
span.MsoSubtleEmphasis
	{color:#404040;
	font-style:italic;}
span.MsoIntenseEmphasis
	{color:#4F81BD;
	font-style:italic;}
span.MsoSubtleReference
	{font-variant:small-caps;
	color:#5A5A5A;}
span.MsoIntenseReference
	{font-variant:small-caps;
	color:#4F81BD;
	letter-spacing:.25pt;
	font-weight:bold;}
span.MsoBookTitle
	{letter-spacing:.25pt;
	font-weight:bold;
	font-style:italic;}
p.MsoTocHeading, li.MsoTocHeading, div.MsoTocHeading
	{margin-top:12.0pt;
	margin-right:0cm;
	margin-bottom:0cm;
	margin-left:0cm;
	margin-bottom:.0001pt;
	page-break-after:avoid;
	font-size:16.0pt;
	font-family:"Cambria",serif;
	color:#365F91;}
span.Cmsor1Char
	{mso-style-name:"Címsor 1 Char";
	mso-style-link:"Címsor 1";
	font-family:"Trebuchet MS",sans-serif;
	font-weight:bold;}
p.cim2, li.cim2, div.cim2
	{mso-style-name:cim2;
	mso-style-link:"cim2 Char";
	margin:0cm;
	margin-bottom:.0001pt;
	font-size:11.0pt;
	font-family:"Calibri",sans-serif;
	font-weight:bold;}
span.cim2Char
	{mso-style-name:"cim2 Char";
	mso-style-link:cim2;
	font-family:"Times New Roman",serif;
	font-weight:bold;}
p.cimek2, li.cimek2, div.cimek2
	{mso-style-name:"cimek 2";
	mso-style-link:"cimek 2 Char";
	margin:0cm;
	margin-bottom:.0001pt;
	font-size:11.0pt;
	font-family:"Calibri",sans-serif;
	font-weight:bold;}
span.cimek2Char
	{mso-style-name:"cimek 2 Char";
	mso-style-link:"cimek 2";
	font-family:"Times New Roman",serif;
	font-weight:bold;}
p.Stlus1, li.Stlus1, div.Stlus1
	{mso-style-name:Stílus1;
	mso-style-link:"Stílus1 Char";
	margin:0cm;
	margin-bottom:.0001pt;
	font-size:11.0pt;
	font-family:"Calibri",sans-serif;
	font-weight:bold;}
span.Stlus1Char
	{mso-style-name:"Stílus1 Char";
	mso-style-link:Stílus1;
	font-family:"Times New Roman",serif;
	font-weight:bold;}
p.Stlus2, li.Stlus2, div.Stlus2
	{mso-style-name:Stílus2;
	mso-style-link:"Stílus2 Char";
	margin:0cm;
	margin-bottom:.0001pt;
	text-align:justify;
	font-size:11.0pt;
	font-family:"Calibri",sans-serif;
	font-weight:bold;}
span.Stlus2Char
	{mso-style-name:"Stílus2 Char";
	mso-style-link:Stílus2;
	font-family:"Times New Roman",serif;
	font-weight:bold;}
p.Stlus3, li.Stlus3, div.Stlus3
	{mso-style-name:Stílus3;
	mso-style-link:"Stílus3 Char";
	margin:0cm;
	margin-bottom:.0001pt;
	font-size:11.0pt;
	font-family:"Calibri",sans-serif;}
span.Stlus3Char
	{mso-style-name:"Stílus3 Char";
	mso-style-link:Stílus3;
	font-family:"Times New Roman",serif;}
p.Cmsor11, li.Cmsor11, div.Cmsor11
	{mso-style-name:"Címsor 11";
	margin-top:20.0pt;
	margin-right:0cm;
	margin-bottom:2.0pt;
	margin-left:0cm;
	border:none;
	padding:0cm;
	font-size:18.0pt;
	font-family:"Calibri",sans-serif;
	color:#365F91;}
span.Cmsor2Char
	{mso-style-name:"Címsor 2 Char";
	mso-style-link:"Címsor 2";
	font-family:"Trebuchet MS",sans-serif;
	font-weight:bold;}
span.Cmsor3Char
	{mso-style-name:"Címsor 3 Char";
	mso-style-link:"Címsor 3";
	font-family:"Cambria",serif;
	color:#243F60;}
span.Cmsor4Char
	{mso-style-name:"Címsor 4 Char";
	mso-style-link:"Címsor 4";
	font-family:"Cambria",serif;
	color:#365F91;
	font-style:italic;}
span.Cmsor5Char
	{mso-style-name:"Címsor 5 Char";
	mso-style-link:"Címsor 5";
	font-family:"Cambria",serif;
	color:#365F91;}
span.Cmsor6Char
	{mso-style-name:"Címsor 6 Char";
	mso-style-link:"Címsor 6";
	font-family:"Cambria",serif;
	color:#243F60;}
span.Cmsor7Char
	{mso-style-name:"Címsor 7 Char";
	mso-style-link:"Címsor 7";
	font-family:"Cambria",serif;
	color:#243F60;
	font-style:italic;}
span.Cmsor8Char
	{mso-style-name:"Címsor 8 Char";
	mso-style-link:"Címsor 8";
	font-family:"Cambria",serif;
	color:#272727;}
span.Cmsor9Char
	{mso-style-name:"Címsor 9 Char";
	mso-style-link:"Címsor 9";
	font-family:"Cambria",serif;
	color:#272727;
	font-style:italic;}
span.LbjegyzetszvegChar
	{mso-style-name:"Lábjegyzetszöveg Char";
	mso-style-link:Lábjegyzetszöveg;
	font-family:"Times New Roman",serif;}
span.lfejChar
	{mso-style-name:"Élõfej Char";
	mso-style-link:Élõfej;
	font-family:"Times New Roman",serif;}
span.llbChar
	{mso-style-name:"Élõláb Char";
	mso-style-link:Élõláb;
	font-family:"Times New Roman",serif;}
span.CmChar
	{mso-style-name:"Cím Char";
	mso-style-link:Cím;
	font-family:"Cambria",serif;
	letter-spacing:-.5pt;}
span.AlcmChar
	{mso-style-name:"Alcím Char";
	mso-style-link:Alcím;
	font-family:"Times New Roman",serif;
	color:#5A5A5A;
	letter-spacing:.75pt;}
span.BuborkszvegChar
	{mso-style-name:"Buborékszöveg Char";
	mso-style-link:Buborékszöveg;
	font-family:"Segoe UI",sans-serif;}
span.NincstrkzChar
	{mso-style-name:"Nincs térköz Char";
	mso-style-link:"Nincs térköz";}
span.IdzetChar
	{mso-style-name:"Idézet Char";
	mso-style-link:Idézet;
	color:#404040;
	font-style:italic;}
span.KiemeltidzetChar
	{mso-style-name:"Kiemelt idézet Char";
	mso-style-link:"Kiemelt idézet";
	color:#4F81BD;
	font-style:italic;}
p.TableParagraph, li.TableParagraph, div.TableParagraph
	{mso-style-name:"Table Paragraph";
	margin:0cm;
	margin-bottom:.0001pt;
	font-size:11.0pt;
	font-family:"Calibri",sans-serif;}
span.SzvegtrzsChar
	{mso-style-name:"Szövegtörzs Char";
	mso-style-link:Szövegtörzs;
	font-family:"Trebuchet MS",sans-serif;}
.MsoChpDefault
	{font-family:"Calibri",sans-serif;}
@page WordSection1
	{size:595.3pt 841.9pt;
	margin:70.85pt 70.85pt 70.85pt 70.85pt;}
div.WordSection1
	{page:WordSection1;}
@page WordSection2
	{size:595.3pt 841.9pt;
	margin:70.85pt 70.85pt 70.85pt 70.85pt;}
div.WordSection2
	{page:WordSection2;}
@page WordSection3
	{size:595.3pt 841.9pt;
	margin:70.85pt 70.85pt 70.85pt 70.85pt;}
div.WordSection3
	{page:WordSection3;}
 /* List Definitions */
 ol
	{margin-bottom:0cm;}
ul
	{margin-bottom:0cm;}
