@import url('https://fonts.googleapis.com/css?family=Montez');
@import url(https://fonts.googleapis.com/css?family=Francois+One);


img.alkalmazashoz {
	max-width: 100%;
	display: block;
	border: 1px solid #ff9900;
	margin: 2px;
}

.alkwrapper {
	 width: 95%;
	 max-width: 1000px;
	 margin: 0 auto;
	 display: grid;
	 grid-template-columns: repeat(2, 1fr);
	 grid-gap: 1em;
}
 @media (min-width: 40em) {
	 .alkwrapper {
		 grid-template-columns: repeat(auto-fit, minmax(20em, 1fr));
	}

	@media (min-width: 50em) {
		.alkwrapper {
			grid-template-columns: repeat(auto-fit, minmax(10em, 1fr));
	 }
}

.alkalmazasok {
	position: relative;
	text-align: justify;
	margin: 0;
	padding: 0;
	font-style: normal;

}

.captext {
	font-weight: bold;
	color: #ff9900;
	font-family: Verdana,Geneva,sans-serif;
	font-size: 1em;
}

.kep {
	border: 1px solid #ff9900;
	border-radius: 4px;
	padding: 5px;
}

.capfont {
	font-weight: bold;
	font-family: Verdana, Geneca, sans-serif;
	color:#ff9900;
}

.google-maps {
    position: relative;
    padding-bottom: 50%; // This is the aspect ratio
    height: 0;
    overflow: hidden;
}

.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    }

 blockquote{
  display:block;
  background: #fff;
  padding: 15px 20px 15px 45px;
  margin: 0 0 20px;
  position: relative;

  /*Font*/
  font-family: Georgia, serif;
  font-size: 14px;
  line-height: 1.2;
  color: #666;

  /*Box Shadow - (Optional)*/
  -moz-box-shadow: 2px 2px 15px #ccc;
  -webkit-box-shadow: 2px 2px 15px #ccc;
  box-shadow: 2px 2px 15px #ccc;

  /*Borders - (Optional)*/
  border-left-style: solid;
  border-left-width: 15px;
  border-right-style: solid;
  border-right-width: 2px;
}

blockquote::before{
  content: "\201C"; /*Unicode for Left Double Quote*/

  /*Font*/
  font-family: Georgia, serif;
  font-size: 60px;
  font-weight: bold;
  color: #999;

  /*Positioning*/
  position: absolute;
  left: 10px;
  top:5px;

}

blockquote::after{
  /*Reset to make sure*/
  content: "";
}

blockquote a{
  text-decoration: none;
  background: #eee;
  cursor: pointer;
  padding: 0 3px;
  color: #c76c0c;
}

blockquote a:hover{
 color: #666;
}

blockquote em{
  font-style: italic;
}

  /*Default Color Palette*/
blockquote.default{
  border-left-color: #656d77;
  border-right-color: #434a53;
}

blockquote.sunflower{
  border-left-color: #ffcd69;
  border-right-color: #f6ba59;
}

blockquote.aqua{
  border-left-color: #4fc2e5;
  border-right-color: #3bb0d6;
}

.heading{
   font-family:Montez;
   text-align:center;
   font-size:30px;
}
code{
  color:#da4453;
}
span{
  font-weight:bolder;

}
/*h1{
  text-align:left;
  font-size:16px;
  font-family: 'Francois One', sans-serif;
}*/

span.Csunflower{
  color:#f6ba59;
}

.logo a {
background: none;
}

.logo a:hover {
background: none;
}

.logo {
background: none repeat scroll 0 0;
height: 70px;
position: static;
width: 264px;
}