@font-face {
  font-family: 'Sansation';
  src: url('../fonts/SansationBold.eot?#iefix') format('embedded-opentype'),  url('../fonts/SansationBold.woff') format('woff'), url('../fonts/SansationBold.ttf')  format('truetype'), url('../fonts/SansationBold.svg#SansationBold') format('svg');
  font-weight: bold;
  font-style: normal;
} 
@font-face {
  font-family: 'Sansation';
  src: url('../fonts/SansationBoldItalic.eot?#iefix') format('embedded-opentype'),  url('../fonts/SansationBoldItalic.woff') format('woff'), url('../fonts/SansationBoldItalic.ttf')  format('truetype'), url('../fonts/SansationBoldItalic.svg#SansationBoldItalic') format('svg');
  font-weight: bold;
  font-style: italic;
} 
@font-face {
  font-family: 'Sansation';
  src: url('../fonts/SansationItalic.eot?#iefix') format('embedded-opentype'),  url('../fonts/SansationItalic.woff') format('woff'), url('../fonts/SansationItalic.ttf')  format('truetype'), url('../fonts/SansationItalic.svg#SansationItalic') format('svg');
  font-weight: normal;
  font-style: italic;
}  
@font-face {
  font-family: 'Sansation';
  src: url('../fonts/SansationLight.eot?#iefix') format('embedded-opentype'),  url('../fonts/SansationLight.woff') format('woff'), url('../fonts/SansationLight.ttf')  format('truetype'), url('../fonts/SansationLight.svg#SansationLight') format('svg');
  font-weight: 200;
  font-style: normal;
}  
@font-face {
  font-family: 'Sansation';
  src: url('../fonts/SansationLightItalic.eot?#iefix') format('embedded-opentype'),  url('../fonts/SansationLightItalic.woff') format('woff'), url('../fonts/SansationLightItalic.ttf')  format('truetype'), url('../fonts/SansationLightItalic.svg#SansationLightItalic') format('svg');
  font-weight: 200;
  font-style: italic;
} 
@font-face {
  font-family: 'Sansation';
  src: url('../fonts/SansationRegular.eot?#iefix') format('embedded-opentype'),  url('../fonts/SansationRegular.woff') format('woff'), url('../fonts/SansationRegular.ttf')  format('truetype'), url('../fonts/SansationRegular.svg#SansationRegular') format('svg');
  font-weight: normal;
  font-style: normal;
} 

/* container shit */
@media screen and (min-width: 840px) and (max-width: 991px) {
	.container {
		width: 830px;
	}
}
@media screen and (min-width: 1200px) {
	.container {
		width: 970px;
	}
}
@media screen and (max-width: 767px) {
  .footer > .container {
		padding: 0px;
	}
}
.jumbotron,.panel-default,.navbar-default,.panel-heading,.panel-body {
	border-radius: 0px !important;
	border: none !important;
}


BODY {
	font-family: 'Sansation';
	background: url('../imgs/alap-1.jpg') fixed top center repeat-x;
	color: #126db3;
}
img.img-responsive {
	-ms-interpolation-mode: bicubic;
}
a:link,a:visited,a:active,a:hover {
	color: rgb(228,45,36);
}
h1,h2,h3,h4,h5 {
	margin-top: 0px;
}

em,h5 {
	color: #e33029;
	font-weight: bold;
	font-style: normal;
}

h3 {
	letter-spacing: 0.2em;
	font-weight: bold;
}

.navbar {
	margin-bottom: 3px;
}
.navbar-brand {
	background: url('../imgs/logo_meksz_kicsi.png') top left no-repeat;
	padding-left: 45px;
	text-shadow: none !important;
	color: white !important;
	font-size: 3vw;
}	
.navbar-default .container-fluid {
	background-image: none !important;
	background-color: #24b3e8 !important;
}
.navbar-default #navbar {
	background-image: none !important;
	background-color: #24b3e8 !important;
}
.navbar-default .navbar-nav li a {
	color: white !important;
	background-image: none !important;
	background-color: #24b3e8 !important;
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	padding: 8px;
	box-shadow: none !important;
}
.navbar-default .navbar-nav li a:hover {
	background-color: #17a6db !important;
	background-image: none;
}
@media screen and (min-width: 768px) {
	.navbar-default .navbar-nav li a {
		border-right: 1px solid white;
	}
	.navbar-default .navbar-nav li:last-child a {
		border-right: none;
	}
	.navbar-default {
		min-height: 30px;
	}
	.navbar-default .container-fluid {
		padding-left: 0px;
	}
}

.jumbotron {
	background: #c4f4fe url('../imgs/fejlec-1.jpg') no-repeat;
	background-size: 100% 100%;
	color: #e33029 !important;
	text-shadow: none;
	padding:20px 10px !important;
}
.jumbotron h1 {
	margin-top: 8px;
	margin-bottom: 0px;
 	font-weight: bold;
 	word-spacing: 0.2em;
 	font-size: 40px;
 	line-height: 50px;
}
.jumbotron h2 {
	margin-top: -10px;
	font-weight: bold;
	color: rgb(11,113,184);
	font-size: 22px;
}

@media screen and (min-width: 768px) and (max-width: 839px) {
.jumbotron h1 {
	margin-top: 5px;
	font-size: 30px;
	line-height: 40px;
}
.jumbotron h2 {
	margin-top: -5px;
	font-size: 16px;
}
}
@media screen and (min-width: 840px) and (max-width: 991px) {
.jumbotron h1 {
	margin-top: 6px;
	font-size: 33px;
	line-height: 44px;
}
.jumbotron h2 {
	margin-top: -7px;
	font-size: 19px;
}
}
	
.panel-default > .panel-heading {
	background: #24b3e8 !important;
	color: white;
	text-transform: uppercase;
}
.panel-heading > h3 {
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: bold;
}
.panel-default,.panel-default>.panel-heading {
	border: none;
}