body
{
 margin:0px;
 padding:0px;
 font-family:helvetica;
 width: 100%;
 height: 100%;
}
/* A fejlécben használt stílusok*/
#header
{
  z-index:1;
 width: 100%;
 height: 200px;
 background-image: url("../pics/header_2_1044_220.jpg");
 background-size: cover;
 padding:10px;
 float:none;
 position: fixed;
 top: 0;
}
#head_text a
{
 margin: 0px;
 padding: 0px;
 margin-left: 5%;
 width: inherit;
 text-decoration: none;
 font-size: 45px;
 color: white; /*#6E6E6E;*/
 float: left;
}
#slogan
{
  width: inherit;
  align-content: center;
  margin-top: 20px;
  font-size: 47px;
  /*font-weight: bold;
  font-family: 'Tangerine', cursive;*/
  color: white;
  font-family: 'La Belle Aurore', cursive;
  float:left;
}

/* A középen használt stílusok*/
#mainSection
{
  margin-top:280px;
  margin-bottom: 70px; /*az alsó margó vastagsága legyen a lábléc magassága, hogy a lábléc ne takarjon ki szöveget*/
  width: 100%;
  min-height:500px;
  float:left;
}
#section{
  width: 80%;
  margin-left: 10%;
  margin-right: 10%;
  margin-bottom: 100px;
  float: inherit;
}
#leftPicSection
{
 clear:both;
 padding:10px;
 width: auto;
 min-height:100px;
}
#leftPicture
{
  width: 320px;
  height: 180px;
  margin-right: 5%;
  background-image: url("../pics/IT_image.jpg");
  background-size: contain;
  float: left;
  opacity: 0.3;
}
#leftPicture:hover
{
  transition: .5s ease;
  opacity: 1;
}
#leftBox
{
  width: inherit;
  max-width: 950px;
  display:inline-block;
  font-size:17px;
  float: left;
}
#leftBox p
{
  margin-top: 0px;
  font-size: 20px;
  font-weight: bold;
}

#rightPicSection
{
 clear: both;
 padding: 10px;
 width: intrinsic;           /* Safari/WebKit uses a non-standard name */
 width: -moz-max-content;    /* Firefox/Gecko */
 width: -webkit-max-content; /* Chrome */
 width: auto;
 min-height:100px;
}
#rightPicture
{
/*  width: 320px;
  height: 180px;
  margin-bottom: 30px;
  margin-right: 10%;
  margin-left: 5%;
  background-image: url("../pics/woman_960_720.jpg");
  background-size: contain;
  float: right;*/

  width: 320px;
  height: 180px;
  margin-right: 5%;
  background-image: url("../pics/adult-education-3812693_1920.jpg");
  background-size: cover;
  float: left;
  opacity: 0.3;
}
#rightPicture:hover
{
  transition: .5s ease;
  opacity: 1;
}
#rightBox
{
  width: inherit;
  max-width: 950px;
  display:inline-block;
  font-size:17px;
}
#rightBox p
{
  margin-top: 0px;
  font-size: 20px;
  font-weight: bold;
}

/* A láblécben használt stílusok*/
#footer
{
 clear:both;
 margin-top:3%;
 width:100%;
 height:70px;
 background-color:black;
 color: white;
 padding:10px;
 position: fixed;
 bottom:0;
 float:left;
}
#footer a
{
 margin:5%;
 text-decoration:none;
 color:#6E6E6E;
 font-size:18px;
}

@media only screen and (max-width:560px)
{
  #header
  {
   width: 100%;
   height:200px;
   background-image: url("../pics/header_560_220.jpg");
   background-size: cover;
   padding:10px;
   float:left;
  }
  /* A középen használt stílusok*/
  #mainSection
  {
    margin-top:280px;
  }
}
@media only screen and (min-width:1080px) and (max-width:1280px)
{
  #header
  {
   width: 100%;
   height:200px;
   background-image: url("../pics/header_4614_1514.jpg");
   background-size: cover;
   padding:10px;
   float:left;
  }
  /* A középen használt stílusok*/
  #mainSection
  {
    margin-top:280px;
  }
}

@media only screen and (min-width:1280px) and (max-width:1920px)
{
  #header
  {
   width: 100%;
   height:260px;
   background-image: url("../pics/header_1920_350.jpg");
   background-size: cover;
   padding:10px;
   float:left;
  }
  /* A középen használt stílusok*/
  #mainSection
  {
    margin-top:340px;
  }
}

@media only screen and (min-width:1920px)
{
  #header
  {
   width: 100%;
   height:300px;
   background-image: url("../pics/header_1920_350.jpg");
   background-size: cover;
   padding:10px;
   float:left;
  }
  /* A középen használt stílusok*/
  #mainSection
  {
    margin-top:350px;
  }
}/**/