@font-face {
    font-family: keltbold;
    src: url("../font/keltb___-webfont.woff");
	src: url("../font/keltb___-webfont.eot"),
         url("../font/keltb___-webfont.woff"),
         url("../font/keltb___-webfont.ttf"),
         url("../font/keltb___-webfont.svg");
}

header {
	background-color: white;
}

.icon {
	width: 25px;
	height: 25px;
}

.felsoindexkep2 {
	width: 100%;
}

#bgindex {
	background: linear-gradient(159deg, rgba(255,255,255,1) 0%, rgba(182,232,236,1) 62%, rgba(129,214,231,1) 97%);
	background-size: 100%;
	width: 100%;
	height: 100%;
	margin-left: 0px;
	margin-right; 0px;
}

#bgedzesek {
	background: linear-gradient(159deg, rgba(255,255,255,1) 0%, rgba(182,232,236,1) 62%, rgba(129,214,231,1) 97%);
	background-repeat: no-repeat;
	background-size: cover;
}


#bgrolunk {
	background: linear-gradient(159deg, rgba(255,255,255,1) 0%, rgba(182,232,236,1) 62%, rgba(129,214,231,1) 97%);
	background-repeat: no-repeat;
	background-size: cover;
}

.bggaleria {
	background: linear-gradient(159deg, rgba(255,255,255,1) 0%, rgba(182,232,236,1) 62%, rgba(129,214,231,1) 97%);	
	background-repeat: no-repeat;
	background-size: contain;
}

nav a {
	text-transform: uppercase;
	width: 100%;
	font-weight: 600;
	clear: both;
}

nav {
	border-bottom: 4px solid darkblue;
	margin-bottom: 2%;
}

.container1 {
	margin-right: 15%;
	margin-left: 15%;
}

.container2 {
	margin-left: 10%;
	margin-right: 10%;
}

.container3 {
	margin-left: 2%;
	margin-right: 2%;
}

.container4 {
	margin-left: 20%;
	margin-right: 20%;
}

.container5 {
	margin-left: 10%;
	margin-right: 10%;	
} 


h1 {
	text-align: center;
	font-size: 360%;
	font-weight: 500;
	font-family: keltbold;
	color: darkblue;
	border-bottom: 3px solid darkblue;
	margin-left: auto;
	margin-right: auto;
}

h2 {

	font-family: keltbold;
	color: darkblue;
	border-bottom: 3px solid darkblue;	
}

h3 {
	text-align: center;

	font-family: keltbold;
	color: darkblue;
	border-bottom: 3px solid darkblue;	
}

h4 {
	font-family: keltbold;

	color: darkblue;
	border-top: 2px solid darkblue;
	text-align: center;
}

.card-edzesek {
	margin-bottom: 20px;
	box-sizing: border-box;
	min-height: 550px;
}

.card-img-top {
	width: 100%;
}

.card-text {
	text-align: center;
}

blockquote {
	border: 3px solid darkblue;
	text-align: center;
	font-weight: bold;
}

.secfocim {		
	font-family: calibri;
	color: darkblue;
	padding: 20px 30px;
	border-radius: 10px;
	margin-bottom: 2%;
	margin-left: auto;
	margin-right: auto;
	width: 80%;	
}

.secfooldal {
	text-align: center;
	font-family: calibri;
	color: darkblue;

	float: right;
	background-color: rgba(204, 204, 204, 0.4);
	padding: 20px 30px;
	border-radius: 10px;
	margin-bottom: 2%;
	margin-left: 10%;
	margin-right: 10%;
	width: 80%;
	overflow: hidden;
}

.secrolunk {
	text-align: left;
	font-family: calibri;

	background-color: rgba(204, 204, 204, 0.4);
	padding: 20px 30px;
	border-radius: 10px;
	margin-bottom: 2%;
	margin-left: 10%;
	margin-right: 10%;
	width: 80%;
	
}

.secvideo {
	text-align: left;
	font-family: calibri;

	background-color: rgba(204, 204, 204, 0.4);
	padding: 20px 30px;
	border-radius: 10px;
	margin-top: 50px;
	margin-bottom: 2%;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.secedzesek {
	font-family: calibri;
	color: darkblue;
	overflow: hidden;
	background-color: rgba(204, 204, 204, 0.4);
	padding: 20px 30px;
	border-radius: 10px;
	margin-bottom: 2%;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.secedzesek-diosd {
	font-family: calibri;
	color: darkblue;
	overflow: hidden;
	background-color: rgba(204, 204, 204, 0.4);
	padding: 20px 30px;
	border-radius: 10px;
	margin-bottom: 2%;
	margin-left: auto;
	margin-right: auto;
	width: 325px;
	float: left;
	
}

.secmestereink {
	font-family: calibri;
	color: darkblue;

	background-color: rgba(204, 204, 204, 0.4);
	padding: 20px 30px;
	border-radius: 10px;
	margin-bottom: 2%;
	margin-left: auto;
	margin-right: auto;
	width: 100%;	
}

.seckarsai {
	font-family: calibri;
	color: darkblue;
	background-color: rgba(204, 204, 204, 0.4);
	padding: 20px 30px;
	border-radius: 10px;
	margin-bottom: 2%;
	margin-left: auto;
	margin-right: auto;
	width: 330px;
}

table {
	text-align: center;
	width: 80%;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

header, footer {
	clear: both;
}

footer {
	text-align: center;
}


@media only screen and (max-width: 1024px) {
	.container4 {
		margin-left: auto;
		margin-right: auto;
	}

	.container1 {
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}

	.seckarsai {
		margin-left: auto;
		margin-right: auto;
		width: 350px 
	}
}

@media only screen and (min-width: 825px) and (max-width: 1023px) {
	
	.seckarsai {
		margin-left: auto;
		margin-right: auto;
		width: 360px !important;;
	}
}

@media only screen and (min-width: 424px) and (max-width: 824px) {
	
	.seckarsai {
		margin-left: auto;
		margin-right: auto;
		width: 380px !important;;
	}
}

@media only screen and (max-width: 423px) {
	
	h1 {
	text-align: center;
	font-size: 220%;
}
	
	.seckarsai {
		margin-left: auto;
		margin-right: auto;
		width: 265px !important;;
	}
	
	.card-mesterek {
		min-height: 400px;
	}
	
	.card-edzesek {
		min-height: 500px;
	}
}