.normal {display: block;}
.mobil {display: none;}

html, body {margin: 0; padding: 0; background-image:url('http://www.motormento.com/images/motorszallitas-body-bg.png'); }
body {font: 12px georgia, Arial, sans-serif; line-height: 18px; }
h1 {font-size: 30px; color:#151B8D;margin-left: 28px; text-shadow: 2px 2px 2px #fff; }
h2 {font-family:Arial; font-size: 18px;  color:#151b8d; text-shadow: 1px 1px 1px #fff;}
h3 {font-family:Arial; margin-left:10px; font-size: 16px; color:#151b8d; text-shadow: 1px 1px 1px #fff;}
h4 {font-family:Arial; color:#151b8d; color:#0B4E6B; font-size: 22px; text-shadow: 1px 1px 1px #fff;}
p  {text-indent:0em; margin-top:0;text-align:justify; margin-bottom:0;font-family:georgia; font-size:9pt;color:#000;}
div {text-indent: 0em; margin-top:0; margin-bottom:0;font-family:georgia; font-size:12px;color:#800000;}
ul {text-indent: 0em; margin-top:0; margin-bottom:0; font-family:ariel; font-size:12pt; text-decoration:none;}
li {font-family: Arial; color: #800000; text-shadow: 1px 1px 1px #fff; font-size: 12px;}
a {color: #fff;}


/*************************/
/* Responsive formázások */
/*************************/
@media screen and (min-width : 768px) and (max-width : 799px) {
    body {font-size: 13px; line-height: 18px; color: #000; overflow-x: hidden;}
    #container {height: auto !important; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);}
    .mobil {display: block;}
    .normal {display: none;}
    .boxos {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
    
    #container {text-align: center; width: auto; max-width: 100%; background: #CEC6C0; padding: 5px 0; margin: 0 10px;}
    h1, h2, h3 {line-height: 120%;}
    ul li {list-style: none;}
    p {padding: 10px 0;}
    .sotet-doboz {width: auto; max-width: 420px; margin: 10px auto; text-align: left; padding: 10px; background: #B4ADA5; border: 1px #B0ABA7 solid; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);}
    .sotet-doboz .kepes {margin: 0 auto; text-align: center;}

    .content {margin: 10px 0 20px;}    
    .content ul {padding: 0; margin: 0;}
    
    #footer {width: 100%; text-align: center; padding: 0 10px 10px;}
    #footer p {width: auto; max-width: 100%; margin: 0; background: #625345; text-align: center; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);}

}

@media screen and (min-width: 50px) and (max-width : 767px) {
    body {font-size: 13px; line-height: 135%; overflow-x: hidden;}
    #container {height: auto !important; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);}
    .mobil {display: block;}
    .normal {display: none;}
    .boxos {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
    
    #container {text-align: center; width: auto; max-width: 100%; background: #CEC6C0; padding: 5px 0; margin: 0 10px;}
    h1 {margin: 10px; font-size: 28px;}
    h1, h2, h3 {line-height: 120%;}
    ul li {list-style: none;}
    p {padding: 10px 0; text-align: center;}
    .sotet-doboz {width: auto; max-width: 420px; margin: 10px auto; padding: 10px; background: #B4ADA5; border: 1px #B0ABA7 solid; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);}
    .sotet-doboz .kepes {margin: 0 auto; text-align: center;}

    .content {margin: 10px 0 20px;}
    .sotet-doboz ul,    
    .content ul {padding: 0; margin: 0;}
    
    #footer {width: 100%; text-align: center; padding: 0 10px 10px;}
    #footer p {width: auto; max-width: 100%; margin: 0; background: #625345; text-align: center; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);}
    #footer .social a img {margin: 0 7px !important;}

    
}