body{
margin:0;
font-family:Arial, Helvetica, sans-serif;
background:#fffd60 url("../images/bg.jpg") repeat-x;
}

#wrapper{
max-width:960px;
margin:auto;
}

#lang{
text-align:right;
padding:10px;
font-size:14px;
}

#lang img{
margin-right:4px;
vertical-align:middle;
}

#logo{
margin:10px 0;
}

#navigation{
display:flex;
flex-wrap:wrap;
gap:6px;
}

#navigation img{
border:0;
}

#bodyArea{
padding:20px;
font-size:16px;
line-height:1.6;
}

.flashclass{
width:430px;
border:4px solid #41b800;
padding:5px;
margin:20px 0;
}

.flashclass img{
width:100%;
height:auto;
}

#footer{
border-top:1px solid #ccc;
padding:20px;
margin-top:40px;
font-size:14px;
}

a{
color:#000;
}

@media (max-width:768px){

#wrapper{
padding:10px;
}

#navigation{
flex-direction:column;
}

.flashclass{
width:100%;
}

}