body {
    background-color: darkslategrey;
    color: white;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

header {
    background-color:rgba(50, 50, 50, 0.8);
    display: flex;
    height: 50px;
    align-items: center;
    justify-content: space-around;
    border-radius: 15px;
    margin: 5px 1%;
}

img {
    width: 48%;
    height: 300px;
    border-radius: 20px;
    margin-bottom: 10px;
}

a {
    color: rgb(249, 236, 211);
}

.balkep{
    float: left;
    margin-left: 1%;
}

.jobbkep{
    float: right;
    margin-right: 1%;
}

main {
    margin-left: 1%;
    font-size: 20px;
}

iframe {
    width: 98%;
    height: 300px;
    border: none;
    border-radius: 20px;
    margin-bottom: 10px;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 2%;
}

/*Étlap rész */
#A1 {
    display:flex;
    justify-content: space-between;
    margin: 30px;
}

tr:first-child {
    width: 30%;
}
#A2{background-color: rgb(115, 132, 132);}
#A3{background-color: rgb(115, 132, 132);}
#A4{background-color: rgb(115, 132, 132);}
/**/
.kozep {
    text-align: center;
    font-size: 20px;
}

hr {
    border: 1px solid white;
    width: 80%;
    margin: 20px auto;
}

li {
    padding-bottom: 1%;
}

/* Device orientation */
/*Telefon*/
@media screen and (orientation: portrait) {
	img {
		height: 30%;
		width: 48%;
		border-radius: 20px;
    	margin-bottom: 10px;
	}
	
	header {
	    background-color:rgba(50, 50, 50, 0.8);
    	display: flex;
    	height: 200px;
    	align-items: flex-start;
    	border-radius: 15px;
    	margin: 5px 1%;
        flex-direction: column;
        justify-content: space-around;
        padding: 7px;
	}

    a {
        padding-left: 5%;
    }
}

/*Tablet & PC*/
@media screen and (orientation: landscape) {
	img {
    	width: 48%;
    	height: 300px;
    	border-radius: 20px;
    	margin-bottom: 10px;
	}
}