nav{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	background-color: rgba(0,0,0,0.5);
}

nav ul{
	list-style-type: none;
	text-align: center;
	margin: 0;
	padding: 0;
}

nav ul li{
	display: inline-block;
}

nav ul li a{
	display: inline-block;
	padding: 1.25em;	
	color: #fff;
}

nav ul li div a{
	display: inline-block;
	padding: 1.25em;	
	color: #000;
}

nav ul li a:hover{
	text-decoration: none;

}

body{
	background-color: #333;
}

.header-wrapper{
text-align: center; 
padding:5em 4em 4em 5em;
margin: 0;
background-image: url('phi_orders.png');
background-size: cover;
background-position: center;
color:#f7f7f7;
background-color: #f7f7f7;
}

.header{
	width:45%;
	height: 85%;
	padding: 4em;
	margin-left: auto;
	background-color: rgba(20,20,20,0.5);
	/*background-color: #f7f7f7;*/
}

@media (max-width: 600px){
	.header{
		width:80%;
		height:90%;
		padding:1em;
	}
}

.italic{
	font-style: italic;

}

.bold{
	font-style: bold;

}

.smallertext{
	font-size: 0.9em;


}

.biggertext{
	font-size: 1.8em;


}

.dark{
	color: #f7f7f7;
	background-color: #333;
	padding: 1em 1em 1em 8em;
	font-size: 1.1em;
}

.dark2{
	color: #f7f7f7;
	background-color: #333;
	padding: 0em 1em 0em 1em;
	font-size: 1.1em;
}

.light{
	font-size: 1.25em;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 2em;
	color: #333;
	text-align: center;
	background-color: #f7f7f7;

}

@media (max-width: 500px){
.dark{
	padding-left: 1em;
}
.dark2{
	padding-left: 1em;
}
}

.dark h2{
	margin 0;
	padding: 1em;
	text-align: center;
	font-size: 2.5em;

}

.box{
	display: inline-block;
	text-align: center;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0.5em 0.4em 0.4em 0.5em;
	box-sizing: border-box;
	font-size: 0.9em;
	max-width: 500px;
	max-height: 700px;
	min-width: 50px;
	min-height: 50px;
	line-height: 200%;
}

.box2{
	display: inline-block;
	text-align: center;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0.5em;
	box-sizing: border-box;
	font-size: 1em;
	max-width: 600px;
	max-height: 700px;
	min-width: 50px;
	min-height: 50px;
	line-height: 200%;
	/*transform: translate(0%, 35%);*/
}

.pic{
	display: inline-block;
	padding: 0em;
 	box-sizing: border-box;
 	width: 100%;
 	margin:auto;
 	

}

@media(min-width: 1187px){
	.box{transform: translate(0%, -35%);}
}

.rounded{
	/*border-radius: 300px;*/
	padding: 2em;
 	/*box-sizing: border-box;*/
 	width: 90%;
 	margin:auto;
 	display: inline-block;
 	max-width: 400px;
}
.contactus input{
	display: inline-block;
	width: 90%;
	margin: 1em auto;
	max-width: 450px;
	font-size: 1.2em;
	padding: 0.75em;
}

/*.contactus input:nth-last-child(1){
	background-color: #333;
	border 0;
	color: #f7f7f7;
}*/

input[type="submit"]{
	background-color: #333;
	border 0;
	color: #f7f7f7;
}

.center{
	text-align: center;

}

.padding{
padding: 1em;

}

.nomargin{
	margin: 0;

}

.width64{
	width: 64px;
	height:auto;
}

@media (max-width: 791px){
	.box{width: 50%;}

}

@media (max-width: 480px){
	.box{width: 100%;}

}

.mutasd{
	background-color: #333;
	border 0;
	color: #f7f7f7;
	padding: 0.75em 1.25em;
}

.popup{
	display: none;
	position: absolute;
	top: 380%;
	left: 20%;
	right: 20%;
	max-width: 500px;
	/*display: block*/;
	margin: auto;
	text-align: center;
	border-radius: 8px;
	box-shadow: 0 0 6px #973ef2;
	/*eltolás , eltolás, maszat, szín*/
	/*color: #f7f7f7;*/
	background-color: #333;
}

/*.popup h1{
	margin: 1em auto;
	padding: 1em;
	display: block;
	background-color: #333;

}*/


.popup .close{
	position: center;
	border: 0;
	margin: 1em auto;
	display: block;
	padding: 0.75em 1.25em;
	background-color: #f7f7f7;
	color: #333;
	cursor: pointer;
	border-radius: 4px;
}

.kiem{
	text-shadow: 1px 1px 2px #FFFFFF;
}

.footer{
	text-align: center;
	line-height: 120%;
}

.lista{
	padding-left: 2em;
	line-height: 170%;
}

.kezdes{
	padding-top: 3em;
}

table, th, td {
    border: 1px solid white;
    text-align: center;
}

.larg{
	font-size: 150%;
}

li {
  margin: 10px 0;
}