/* CSS Document */

body {
            background-image: URL('miniservis-p.jpg'); /* obrázek na pozadí */
            background-attachment: fixed; /* pozadí neroluje */
            background-color: white; /* případná barva pozadí */
            } 
        
        .header {
            display: grid;
            grid-template-columns: 25% 50% 25%;
            padding: 10px;
            border-bottom: 1px solid black;
            margin-bottom: 50px;
            background-color: rgb(255,177,102);
            text-align: center;
            place-content: center;
            }
        .container {
            display: grid;
            grid-template-columns: auto auto auto;
            background-color: dodgerblue;
            padding: 10px;
            }
        .container > div {
            background-color: #f1f1f1;
            border: 1px solid black;
            padding: 10px;
            font-size: 30px;
            text-align: center;
            }
        @media screen and (max-width: 600px) {
            .header-mob {
            display: grid;
            grid-template-columns: 25% 50% 25%;
            padding: 10px;
            border-bottom: 3px solid black;
            margin-bottom: 50px;
            background-color: rgb(255,1,102);
            text-align: center;
            place-content: center;
            }
            }