@import url('https://fonts.googleapis.com/css?family=Open+Sans:700|Work+Sans');

BODY {
	font-family: 'Work Sans', sans-serif;
	color: grey;
	font-size: 16px;
    background-color: #f0f0f0;
	text-align:justify;
}
p {
	margin-left:20px;
}
h1 {
	font-family: 'Open Sans', sans-serif;
	color: black;
	font-size: 22px;
}
h2 {
	font-family: 'Open Sans', sans-serif;
	color: black;
	font-size: 20px;
}
h3 {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
}

li {
	text-align:left;
}
a {
	text-decoration:underline;
	color:grey;
}
a:hover {
	text-decoration:none;
}
#head {
    position: fixed;
   	top: 0;
   	left:0;
    background-color: white;
	width:100%;
	height:180px;
	/*border-bottom:1px #f0f0f0 solid;*/
	box-shadow: 0px 0px 10px #f0f0f0;
	z-index:0;
}
#headline {
    background-color: white;
	padding-left:15%;
	padding-right:30%;
	margin-left:auto;
	margin-right:auto;
}
#headline img {
	width:130px;
	height:auto;
	margin-top:0;
	margin-right: 20px;
}
#headline h1 {
	font-family: 'Open Sans', sans-serif;
	color: black;
	font-size: 26px;
	text-align:center;
	padding-top: 20px;
	margin-top: 10px;
}
#headline h2 {
	font-family: 'Open Sans', sans-serif;
	color: gray ;
	font-size: 22px;
	text-align:center;
}
#helpline {
    position: fixed;
	right:30px;
	bottom:30px;
	border-radius: 5px;
	box-shadow: 0px 0px 10px grey;
}
#helpline img {
	width:100px;
	height:auto;
	border:0;
	border-radius: 5px;
}
#logo {
	position: fixed;
	top: 0;
	right: 14%;
	display:block;
}
#logo img {
	height:180px;
	width:auto;
}
.textline {
	width:70%;
    background-color: white;
	padding:10px 30px;
	margin-left:auto;
	margin-right:auto;
}
#elso_textline {
	margin-top:180px;
}
.pictures {
	text-align:center;
}
#szechenyi {
	width:70%;
    background-color: white;
	padding:10px 30px;
	margin-left:auto;
	margin-right:auto;
	text-align:right;
}
#footerline {
    background-color: white;
	padding-left:15%;
	padding-right:15%;
	margin-left:auto;
	margin-right:auto;
	height:50px;
	box-shadow: 0px 0px 10px #f0f0f0;
	text-align:center;
	vertical-align:middle;
}
#footerline p {
	margin: 0px;
	padding-top:18px;
}


.ref_kep {
	width: auto;
	height:200px;
}

/*---------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------RESPONSIVE 1370px------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width : 1370px){
	
	#headline h1 {
		font-size: 22px;
		padding-top:20px;
	}
	#headline h2 {
		font-size: 20px;
	}
	#logo {
	position: fixed;
	top: 0;
	right: 13%;
	display:block;
	}
	#logo img {
	height:180px;
	width:auto;
	}
	#headline {
	padding-right:35%;
	}
}

/*---------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------RESPONSIVE 1024px------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width : 1024px){
	
	#headline {
		padding-right:40%;
	}
	#headline img {
		width:100px;
	}
	#headline h1 {
		font-size: 18px;
		padding-top: 0px;
	}
	#headline h2 {
		font-size: 14px;
	}
	#head {
    height: 140px;
	}
	#elso_textline {
    margin-top: 140px;
	}
	.ref_kep {
	width: auto;
	height:100px;
	}
	#logo img {
	height:140px;
	width:auto;
	}
}
/*---------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------RESPONSIVE 750px------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width : 750px){
	
	#headline img {
		display:none;
	}
	#headline {
		padding-right:15%;
	}

	#headline h1 {
		font-size: 18px;
		padding-top: 15px;
	}
	#headline h2 {
		font-size: 14px;
	}
	#head {
    height: 130px;
    z-index:1;
	}
	#elso_textline {
    margin-top: 130px;
	}
	#helpline img {
	width:70px;
	height:auto;
	border:0;
	}
	#helpline {
	right:10px;
	bottom:10px;
	}
	.ref_kep {
	width: 300px;
	height:auto;
	}
	#logo {
    text-align: center;
	position:relative;
	right:0;
    }
   	#logo img {
	height:180px;
	width:auto;
    }
}
/*---------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------RESPONSIVE 400px------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width : 400px){
	
	BODY {
		text-align:left;
	}
	#headline img {
		display:none;
	}
	#headline h1 {
		font-size: 18px;
		padding-top: 0px;
	}
	#headline h2 {
		font-size: 14px;
	}
	#head {
    height: 130px;
	}
	#elso_textline {
    margin-top: 130px;
	}
	#helpline img {
	width:70px;
	height:auto;
	border:0;
	}
	#helpline {
	right:10px;
	bottom:10px;
	}
	.ref_kep {
	width: 200px;
	height:auto;
	}
   	#logo img {
	height:auto;
	width:100%;
    }
}