/** CSS for briefmarken-verkauf.at by multivitamedia.at **/

html, body {font-family: "Verdana, Arial", sans-serif; font-size:1em; line-height:1.4em; color:#333; background-color:#dcd1ba;}

body    {display:flex; flex-direction:column; justify-content:center;}
h1      {font-size:3.0em; line-height:1em; margin-bottom:0;}
h1 a    {text-decoration:none; color:#333;}
h2      {font-size:1.6em; line-height:1em; margin-top:10px;}
h3      {margin-top:50px;}
h4      {font-size:0.8em; margin:0 0 8px 0;}
h5      {font-size:0.8em; margin:0 0 8px 0;}
footer  {margin-top:100px; font-size:0.7em; text-align:right;}
footer a {text-decoration:none;}

.name {font-size:1.5em;}

#main         {width:50%; margin:auto;}
  .verkaufebriefmarken header {margin-bottom:50px;}
  .stamp      {float:right;}
  .stamp img  {margin:0 0 5px 20px;}
  .uebermich  {margin:50px 0;}
  .back       {margin-top:25px;}
  
/* addtoany */
.a2a_kit a {margin-right:10px;}


@media only screen and (max-width:320px) {

}

@media only screen and (min-width:321px) and (max-width:568px) {
  
  h1    {font-size:2.5em; text-align:center;}
  h2    {font-size:1.5em; text-align:center;}
  ul li {line-height:40px;}
  #main {width:95%;}
    .kaufebriefmarken header {margin-bottom:25px;}
    .stamp  {width:100%; text-align:center;}
    img     {margin:0 auto 20px;}
    p       {clear:both;}
  
}

@media only screen and (min-width:569px) and (max-width:768px) {
  
  #main {width:85%;}
  
}

@media only screen and (min-width:769px) and (max-width:1024px) {
  
  #main {width:75%;}
  
}