body {
background-color: black;
color: white;
font-family: monospace;
font-size: 1.3em;
margin: 10% 10% 4% 10%;
transition: all 0.5s;

}

#content {
position: relative;
background-color: rgb(1,2,5);
opacity: 0.98;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 25px;
}

#fejlec {
border-bottom: 3px dashed #f0dfe0;
color: #fff;
transition: color 1.4s;
}

#logo {
position: absolute;
top: 0px;
right: 0px;
max-width: 20%;
}

h1 {
border-bottom: 1px dotted white;
font-family: Gill Sans, Gill Sans MT, Calibri, sans-serif;
}

h1 a:link, h1 a:visited {
background-color: transparent;
}

h2 {
font-family: Gill Sans, Gill Sans MT, Calibri, sans-serif;
}

a:link, a:visited {
text-decoration: underline;
color: #222;
background-color: white;
}

a:hover{
text-decoration: none;
}

#description {


}

.szoveg {
opacity: 0.8;
}

.felsorolas {
margin-bottom: 4px;
}

@media screen and (max-width: 1020px) {
	body {
  
  		font-size: 1.2em;
  		margin: 10% 10% 0% 10%;
  		transition: all 0.5s;
		background-size: 200% 100%;

	}
	
	h1 {
		border-bottom: 4px dotted white;
	}
	
	img {
	width: 100%;
	}

	.felsorolas {
	margin-bottom: 8px;
	}

}