a:link, a:active, a:visited {text-decoration: none;}

* {
  margin: 0;
}
 

html { width: 100%;}

body {
  font-family: Verdana, Arial, Helvetica, sans-serif, Times New Roman, Garamond;
  font-size: 100%;
  background-color: #ffffff;
  /*-moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;*/
}

code, pre, abbr, kbd {
  -moz-hyphens: none;
  -ms-hyphens: none;
  -o-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
} 

.wrapper {
  margin: auto;
}

.cim {
  font-family:caveat;
  text-align: center;
  font-size: 3em;
  margin: 10px;
}

.cukorbet_container {
  margin: 20px;
}

.cukorbet_container div {
  display: inline-block;
  width: 45%;
  text-align: center;
  vertical-align: middle;
  padding:20px;
  hyphens: auto;
}

.cukorbet_container p {
  text-align: justify;
  margin: 20px 0;
  line-height:30px;
}

.cukorbet_container img {
  width: 90%;
}

.leiras {
  margin: 20px;
  line-height: 30px;
  text-align: justify;
  hyphens: auto;
}

.forras {
  margin: 20px;
  font-size: .8em;
  font-style: italic;
  line-height: 20px;
}

@media only screen
and (max-width : 640px) {
  #wrapper { }
  .cim {margin: 0; padding: 40px 10px 0 10px; font-size: 2.5em;}
  .cukorbet_container {width: unset;margin: 0;}
  .cukorbet_container div {width: 100%;padding: 0;display: block;}
  .cukorbet_container p {padding: 10px;}
  .cukorbet_container img {width: 350px;}
  .leiras {margin: 0; padding: 10px;}
  .forras {margin: 0; padding: 10px; hyphens: auto;}
}

@media only screen
and (min-width : 640px)
and (max-width : 992px) {
  #wrapper { }
  .cim {margin: 0; padding: 40px 10px 0 10px; font-size: 2.5em;}
  .cukorbet_container {width: unset;margin: 0;}
  .cukorbet_container div {width: 100%;padding: 0;display: block;}
  .cukorbet_container p {padding: 10px;}
  .cukorbet_container img {width: 350px;}
  .leiras {margin: 0; padding: 10px;}
  .forras {margin: 0; padding: 10px; hyphens: auto;}
}