@font-face {
    font-family: Arial;
}

body {
    background-image: url('images/bg.jpg');
    font-family: 'Arial';
}

.kapcsolat 
{
    margin: 0 auto;
    max-width: 320px;
    padding: 0px 0px 5px 0px;
    display: block;
}

.adasvetel 
{
    margin: 0 auto;
    overflow: auto;
    max-width: 550px;
    padding-top: 5px;
	padding-left: 8px;
    font-size:16px;
    font-family: Arial;
    display: block;
}

.ex1
{
    padding-top:8px;
    padding-left: 0px;
    margin:2px;
}

.ex2
{
    padding:5px;
    padding-left: 0px;
    font-size:18px;
    margin: 8px auto;
    overflow: auto;
    max-width: 550px;
}

.ex3
{
    font-size:18px;
    line-height: 50%;
}

.ex4
{
    padding-left: 14px;
}

.ex4b
{
    padding-left: 28px;
}

ol.ex5
{
    padding-left: 31px;
    list-style-type: none;
}

.blue {
    color: #0080ff;
}

@media (max-width: 350px) {

img {
    max-width: 260px;
}

.kapcsolat {
    max-width: 240px;
}

.ex3
{
    font-size:18px;
    line-height: 100%;
}

}

@media (max-width: 270px) {

img {
    max-width: 210px;
}

.kapcsolat {
    max-width: 200px;
}

.ex1
{
    font-size:24px;
}

.ex2
{
    font-size:16px;
}

.ex3
{
    font-size:16px;
    line-height: 100%;
}

.adasvetel
{
    font-size:14px;
}

}