@import url('https://fonts.googleapis.com/css?family=Great+Vibes&subset=latin-ext');

	html{
		height: 100%;
		width: 100%;
		margin: 0 auto;
	}
	
	body{
		background-image: url("images/vir-1000.jpg");
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		background-attachment: fixed;
		overflow-y: auto;
		height: 100%;
		width: 100%;
		margin: 0 auto;
	}

	#CB_Window{
		display: none;
	}
	
	.szoveg{color: white;
		font-size: 80px;
		font-family: 'Great Vibes', cursive;
		text-align: center;
		}
	
	.kozepe{
		text-align: center;
		text-shadow: 0 0 10px black;
		margin-top: 100px;
		height: auto;
	}
	
	.tartalom{
		background-color: lightblue;
		padding: 20px;
		height: auto;
		width: 80%;
		margin-top: 50px;
		margin-bottom: 200px;
	}
	.utolso{
		margin-bottom: 200px;
	}
	
	.fejlec{
		text-align: center;
		font-size: 20px;
		font-family: arial;
		background-image: url("images/hopa.png");
        background-repeat: repeat;
	}
	
	.lablec{
		text-align: center;
		font-size: 16px;
		font-family: arial;
		background-image: url("images/alj.png");
        background-repeat: repeat;
		color: black;
		font-weight: bold;
		width: 100%;
		height: auto;
	}
	.copy{
		padding-top: 20px;
	}
	
	.logo{
		width: 120px;
		height: 80px;
		margin-left: 30px;
		margin-right: 30px;
	}
	
	a{
		color: white;
		text-decoration: none;
	}
	.navbar-toggler {
    border-color: rgb(244, 161, 66);
}

.navbar-toggler{
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(244,161,66, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar{
	width: 100%;
}
.navbar-collapse{
	color: #e2af78;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
}
.form-inline{	
	list-style-type: none;
	margin-right: 2%;
}

.navbar-collapse a{
	color: #e2af78;
	text-decoration: none;
	list-style-type: none;
}

.navbar-collapse a:hover{
	color: white;
	text-decoration: none;
	border: 2px solid white;
}
	
	.card-title{color: black;font-family: arial;}
	
	.card{margin-top:50px;background-color: lightblue;}
	
	.card-body{background-image: url("images/hopa.png");
        background-repeat: repeat;font-family: arial;text-shadow: 0 0 0;}

.kepdoboz{
	float: left;
	padding: 20px;
}

.galeria{
	color: white;
}

.kepek{
    padding: 4px;
    line-height: 1.42857143;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    width: 200px;
    height: 200px;
    margin-bottom: 10px;
}

#rc-imageselect {
	transform:scale(0.77);
	-webkit-transform:scale(0.77);
	transform-origin:0 0;
	-webkit-transform-origin:0 0;
}

.lista{
	width: 100%;
}
.listalap{
	color: black;
	text-align: center;
	width: 100%;
	font-size: 15px;
}
.ido{
	width: 50%;
	float: left;
}
.allapot{
	float: left;
}
.pirosido{
	color: red;
	float: left;
	width: 50%;
}
.pirosallapot{
	color: red;
	float: left;
	text-align: center;
}
.zoldido{
	color: green;
	float: left;
	width: 50%;
}
.zoldallapot{
	color: green;
	float: left;
	text-align: center;
}
.kekido{
	color: blue;
	float: left;
	width: 50%;
}
.kekallapot{
	color: blue;
	float: left;
	text-align: center;
}

.carousel-multi-item-2 .col-md-3 {
    float: left;
    width: 25%;
    max-width: 100%;
  }

.carousel-multi-item-2 .card img {
  border-radius: 2px;
}
		
	@media screen and (max-width: 992px){

	.kozepe{
		font-size: 25px;
	}
	.szoveg{color: white;
		font-size: 25px;
		font-family: 'Great Vibes', cursive;}
	.lablec{
		font-size: 12px;
		height: auto;
	}

	.card-body{
		font-size: 12px;
	}
	.fejlec{
		font-size: 12px;
	}
	.logo{
		width: 80px;
		height: 40px;
	}
	.card{
		width: 50px;
	}
	.navbar-collapse{
	font-size: 12px;
}
	}
	
	@media screen and (max-width: 600px){
	
	.szoveg{color: white;
		font-size: 25px;
		font-family: 'Great Vibes', cursive;margin-top: 10px;}
	
	.kozepe{
		text-align: center;
		text-shadow: 0 0 10px black;
		margin-top: 10px;
	}
	
	.fejlec{
		text-align: center;
		font-size: 12px;
		font-family: arial;
		background-image: url("images/hopa.png");
        background-repeat: repeat;
	}
	
	.lablec{
		text-align: center;
		font-size: 12px;
		font-family: arial;
		background-image: url("images/alj.png");
        background-repeat: repeat;
		color: black;
		font-weight: bold;
	}
	.copy{
		padding-top: 5px;
	}
	
	.logo{
		width: 80px;
		height: 40px;
		margin-left: 30px;
		margin-right: 30px;
	}
	
	a{
		color: white;
		text-decoration: none;
	}
	
	.card-title{color: black;font-family: arial;font-size:12px;}
	
	.card{margin-top:20px;background-color: lightblue;}
	
	.card-body{background-image: url("images/hopa.png");
        background-repeat: repeat;font-family: arial;text-shadow: 0 0 0;}
	.btn-primary{font-size: 10px;}
	}