body {
  font-family: Arial,Helvetica,sans-serif;
  background-color: #F5F5F5;
  margin: auto; 
  width: 900px;
}

.tablazat {
  border-collapse:collapse;
  border: 2px solid black;
}

.tar {
  text-align: right;
}

.bgGreen {
  background-color:green;
}

.bgLightRed{
  background-color:#ffcece;
}

.bgYellow{
  background-color: yellow;
}

.mt10{
  margin-top: 10px;
}

li p {
  margin: 0.2em;
}

.tablazat td,th {
  border: 1px solid black;
  padding: 4px 8px;
}

.tablazat td p {
  margin: 0;
}

@media only screen and (max-width: 900px) {
  body {
    width: 100%;
  }
}

img,iframe {
  max-width:100%;
  max-height:100%;
}

h1,h2,h3,h4 {
  color: #0093AB;
}

ul, ol, p {
  line-height: 1.7em;
}

.header {
  clear:both;
  padding: 1em;
  
  background: #ffc107;
}

.head-logo {
  height:80px;
  float:left;
  margin-right: 8px;
}

.head-logo img{
  padding: 0;
}

.head-title {
  font-size: 1.6em;
}

h1.head-title, h4.head-title {
  color: #000;
  font-weight: normal;
  margin: 0;
}

.menuline {
  background-color: #ffd454;
  padding: 0.5em;
  clear:both;
  font-weight: bold;
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  row-gap: 10px;
}

.languages {
  float: right;
}

.menuline a{
  text-decoration: none;
  margin: 0px 15px;
  color: #403002;
}


.content {
  padding: 5px 15px;
}

.groupdiv:before,
.groupdiv:after {content:" "; display:table;}
.groupdiv:after {clear:both;}
.groupdiv { *zoom: 1;}

.contact-table {
  display: flex; 
  flex-flow: row wrap; 
  gap: 2rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media only screen and (max-width: 600px) {
  .contact-table {
    gap: 0rem;
    flex-direction:column;
    padding-left: 1rem;
    padding-right: 1rem;
    align-items: center;
    justify-content: space-around;
  }
}