body {
         padding: 0px;
         margin: 9% auto;
         max-width: 750px;
         background-color: rgb(237, 237, 237);
         font-size: 1.1rem;
         font-family: tahoma, 'Times New Roman', Times, serif;
         border: 1px;
      }

article {
      background-color: white;
      padding: 0.8rem;
      border: 2px solid rgb(218, 210, 210);
      box-shadow: 5px 5px 8px rgb(169, 167, 167);    
}     

a {
      color: black;
      text-decoration: none;
}

 

img {
      max-width: 100%;
      height: auto;
      }




main {
         margin-top: 1rem;
         padding-left: 8px;
         padding-right: 8px;
         h1 {font-size: 1.2rem;
            color: rgb(0, 0, 0);
            margin: 0;
         }
         ul{font-size: 1.0rem;
            color: rgb(0, 0, 0);
            margin: 0;
         }
      }

 /* Uprava päty stránky kde sú kontaktné udaje */

footer {
         padding: 2px 8px 2px 8px;
         h2 {font-size: 1.2rem;
            color: rgb(0, 0, 0);
            margin: 0;
            margin-top: 1rem;
            }
      }


.contact {
      

      h3 {
            font-size: 1.1rem;
            color: rgb(0, 0, 0);
            margin: 0;
            margin-top: 0.3rem;
      }


      p {
            font-size: 1.1rem;
            color: rgb(0, 0, 0);
            margin: 0;
      }
}

/* Ak sa zväčší šírka obrazovky nad šírku body, odskočí body od vrchu obrazovky */

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

      body {
            margin: 0% auto;
      }

      
}

/* Pri väčšej šírke sa kontaktné udaje dajú vedľa seba */

@media screen and (min-width: 500px) {
      main {
            display: flex;
      }

      .body h1 {
            flex: 2;
      }
      .body ul {
            flex: 3;
      }

      .contact {
            display: flex;
      }

      .contact .sidlo {
            flex: 50%;
      }

      .contact .dorucovacia {
            flex: 50%;
      }

}