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 {
  /*width: 100%;
  margin: auto;*/
}

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

.stressz_container {
  text-align: center;
}

.stressz_container div {
  display: inline-block;
  margin: 20px;
  vertical-align: middle;
}

.stressz_container div:first-child {
  width: 55%;
  hyphens: auto;
}

.stressz_container div:last-child {
  width: 35%;
}

.stressz_container div p {
  padding: 20px;
  text-align: justify;
  line-height: 20px;
}

.stressz_container div img {
  width: 70%;
}

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

.forras {
  margin: 20px;
  font-size: .8em;
}

.forras p {
  
}

.forras label {
  font-style: italic;
  margin: 10px;
  display: block;
}

.forras a:visited, .forras a:link, .forras a:active {
  color: black;
}

@media only screen
and (max-width : 640px) {
  #wrapper { }
  .cim {margin: 0;padding: 20px 0 0 0;font-size: 2.5em;}
  .stressz_container div:first-child {width: unset; margin: 0;}
  .stressz_container div:last-child {width: unset;}
  .stressz_container div img {width: 350px;}
  .forras {margin: 0; padding: 10px;}
  .forras label {}
}

@media only screen
and (min-width : 640px)
and (max-width : 992px) {
  #wrapper { }
  .cim {margin: 0;padding: 20px 0 0 0;font-size: 2.5em;}
  .stressz_container div:first-child {width: unset; margin: 0;}
  .stressz_container div:last-child {width: unset;}
  .stressz_container div img {width: 350px;}
  .forras {margin: 0; padding: 10px;}
  .forras label {}
}