* {
    box-sizing: border-box;
}

#logo1 {
    border: 0px solid black;
    background:url(jasond.jpg);
    background-repeat: no-repeat;
    padding:15px;
	font-family: garamond;
	font-size: 1em;
}

#background {
    border: 0px solid black;
    background:url(backgr2.jpg) center;
    background-repeat: no-repeat;
    padding:25px;
	background-size:cover;
	height:600px;
	position:relative;
	opacity:1.0;
}

#bg-ipaut {
    border: 0px solid black;
    background:url(backr_ipaut.jpg) center; 
    background-repeat: repeat;
    padding:25px;
	background-size:cover;
	height:600px;
	position:relative;
	opacity:1.0;
}

#bg-ipvill {
    border: 0px solid black;
    background:url(backr_ipvill.jpg) center; 
    background-repeat: repeat;
    padding:25px;
	background-size:cover;
	height:600px;
	position:relative;
	opacity:1.0;
}

#bg-lvill {
    border: 0px solid black;
    background:url(backr_lvill.jpg) center; 
    background-repeat: repeat;
    padding:25px;
	background-size:cover;
	height:600px;
	position:relative;
	opacity:1.0;
}

#bg-eproj {
    border: 0px solid black;
    background:url(backr_eprj.jpg) center; /* backr_eprj.jpg */
    background-repeat: repeat;
    padding:25px;
	background-size:cover;
	height:600px;
	position:relative;
	opacity:1.0;
}

/* Style the topnav links */
.topnav a {
    border: 0px solid black;
    background-color:inherit;
    float: left;
    display: block;
	font-family: calibri;
	font-size: 1em;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}
/* Change color on hover */
.topnav a:hover {
    background-color: #ddd;
	color: black;
	
}
/* Create three equal columns that floats next to each other */
.column {
    float: left;
    width: 33.33%;
    padding: 50px;
	font-family: garamond;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}







/* szovegtipus a fo"menuben */
.desc1 {
  padding: 15px;
  text-align:left; 
  font-family: calibri;
  font-size: 2em;
  color: black;
}

/* szovegtipus a fo"oldal vizszintes kepeire */
.desc2 {
  padding: 15px;
  text-align: center;
  font-family: garamond;
  font-size: 1.6em;
  color: white;
}

/* oldalak fo"cimenek betu"merete */
.desc3 {
  padding-top: 100px;
  padding-bottom: 50px;
  text-align: center;
  font-family: garamond;
  font-size: 2.0em;
  color: black;
}

/* leiras, koto"szoveg betu"meret */
.desc4 {
  padding: 10px;
  text-indent: 20px;   /* bekezdes, behuzas merete */
  text-align:justify;  /* szethuzza a szoveget a doboz oldalaig, sorkizart magyarul */
  width: 320px;      /* kepszelesseg szeles szovegdoboz */
  font-family: garamond;
  font-size: .8em; /* betumeret, css-ben, 0,8 em kb a 10-es betu"meret */
  color: black;
}

/* fo"oldal ket markalogo alatti kis szoveghez */
.desc5 {
  padding: 0px;
  text-align: center;
  font-family: garamond;
  font-size: 0.7em;
  color: black;
}



body {
  margin: 0;
}

/* Style the header */
.header {
    background-color: white;
    padding: 15px;
    text-align: center;
	font-family: garamond;
	font-size:1.5em;
}

/* Style the top navigation bar */
.topnav {
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: white;
}


/* Style the topnav links */
.topnav a {
    float: left;
    display: block;
    color: black;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
	font-family: calibri;
	font-size: 1.4em;
}






/* Change color on hover */
.topnav a:hover {
    background-color: #ddd;
    color: black;
}










/* Style the footer */
.footer {
    position: bottom;
	background-color: white;
	padding: 15px;
	text-align:center;
	text-outline:none;
	font-family: calibri;
	font-size: .7em;
} 


/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width:600px) {
    .column {
        width: 100%;
    }
}