/* CSS Document */
body {margin:0;padding:0;background:silver;padding-top:10px;
     font-family:calibri;}
     
header, footer, #mapa, article {width:1000px;margin:auto;box-sizing:border-box;}
header{height:100px;
background: url(logo_1.png),linear-gradient(90deg, rgba(246,139,30,1) 0%, rgba(239,67,76,1) 67%); background-repeat: no-repeat; background-position: right;
 }
#mapa{height:300px;margin:auto;}
article {background:white;padding:10px;}
div.flex{display: flex;width:800px;margin:auto;}
div.flex  > div 
    {width:390px;background:rgb(240,240,240); margin:5px;text-align:center;}
article table {margin:auto;}    
footer{background:white;text-align:center;margin-bottom:10px;border-top:1px dotted  rgba(239,67,76,1);padding:10px}
h1, h2 {color:rgba(239,67,76,1)}
h1{text-align:center; font-size:30px;}
h2{text-align:center; font-size:20px;}
p {max-width:650px;text-align:center;font-size:14px; margin:auto; margin-bottom:10px}        
.nevyrazne{color:grey;}


@media only screen and (max-width: 600px) {
header, footer, #mapa, article {width:100%;margin:auto;box-sizing:border-box;}
header{ 
background-size:100%;
background-repeat: no-repeat;
background-position:center center;
border-top: rgba(239,67,76,1) 3px solid;
}
div.flex{width:100%;margin:auto;display:block;}
div.flex  > div 
    {width:90%;background:rgb(250,250,250); margin:auto;text-align:center;}
  
}