@charset "utf-8";
/* CSS Document */
html, body {

height: 100vh;
margin: 0;
overflow: auto;
}
body {
	display: flex;
	background-image: url( "../kepek/carbon.jpg");
	background-size: cover;
	background-repeat: no-repeat;
    height: 100vh;
	flex-direction: row;
	margin-right: 200px;
	margin-left: 200px;
	z-index: -100;
	}
	
	
	.pirosvonal {
		background-color: black;
		opacity: 0.8;
	}

    .a 
{
    justify-content: center;
    align-items: center;
    text-align: left;
    font-size: 32px;
    font-family: 'audiowide';
		color: white;
	text-align: center;
}
	.cim {
    
    
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 40px;
    font-family: 'audiowide';
		color: white;
}
    .bemutatkozas {
	
    justify-content: center;
    align-items: center;
    text-align: center;	
    font-size: 25px;
    font-family: 'work sans';
    color: white;
		
}
.bemutatkozas2 {
	
    font-size: 20px;
    font-family: 'work sans';
    color: white;
		
}
.bemutatkozas3 {
	
    font-size: 20px;
    font-family: 'work sans';
    color: white;
		
}
.bemutatkozas4 {
	
    font-size: 20px;
    font-family: 'work sans';
    color: white;
		
}
	
@media screen and (max-width: 1200px) 
{
	body
	{
	display: flex;
	background-image: url("../kepek/carbon.jpg");
	background-repeat: no-repeat;
    height: 100vh;
    background-size: cover;
	flex-direction: row;
	margin-right: 100px;
	margin-left: 100px;
	}
}

@media screen and (max-width: 800px) {
  body {
    display: flex;
	background-image: url("../kepek/carbon.jpg");
	background-repeat: no-repeat;
    height: 100vh;
    background-size: cover;
	flex-direction: row;
    margin-right: 5px;
	margin-left: 0x;
	position: absolute;	  
	}}

	@media screen and (max-width: 800px){
	a {
		  justify-content: center;
    align-items: center;
    text-align: left;
    font-size: 20px;
    font-family: 'audiowide';
		color: white;
	text-align: center;
    margin-right: 5px;
		}}
	@media screen and (max-width: 800px){
	cim {
		   justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 27px;
    font-family: 'audiowide';
		color: white;
    margin-right: 5px;
		}}
	@media screen and (max-width: 800px){
	bemutatkozas {
		 justify-content: center;
    align-items: center;
    text-align: center;	
    font-size: 15px;
    font-family: 'work sans';
    color: white;
    margin-right: 5px;
		}}
	@media screen and (max-width: 800px){
	bemutatkozas2 {
		  font-size: 10px;
    font-family: 'work sans';
    color: white;
    margin-right: 5px;
		}}
	@media screen and (max-width: 800px){
	bemutatkozas3 {
		 font-size: 20px;
    font-family: 'work sans';
    color: white;
    margin-right: 5px;
		}}
	@media screen and (max-width: 800px){

    bemutatkozas4 {
		font-size: 10px;
    font-family: 'work sans';
    color: white;
    margin-right: 5px;
		}}