@charset "utf-8";

@media (max-width: 1503px){
	
.body {
	width: 90%;
	}
	
}

.mobil{
		display: none;
	}


@media (max-width: 1360px){
	
.tg {
	display: none;
}

.mobil{
		display: block;
		margin: auto;
		
	}

h1 {
    font-size: 60px;
    top: 27px;
    left: 43%;
	transform: translate(-35%, -40%);
}

h2{
		margin: auto 10px;
		padding: 20px 0;
		font-size: 35px;
		background-color: #4a4b67;
	}
	
	.mobil button{
		height: 50px;
		width: 90%;
	}
	
	.mobil li{
		text-align: center;
		list-style-type: none;
		height: 100px;
	}
	
	.csik{
		display: none;
	}
	
	.csik2{
		display: none;
	}

	.gond {margin-top: 0px; height: 40px;}
	.elso {margin-top: 0px; height: 40px;}
	.masodik {margin-top: 0px; height: 40px;}
	.harmadik {margin-top: 0px; height: 40px;}
	.baba {margin-top: 0px; height: 40px;}
	

}