* {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
  }

  body {
   display: flex;
   flex-direction: column;
   min-height: 100vh;
	background-color: #eee;
  }

  h1 {
   flex-basis: 10vh;
   text-align: center;
   line-height: 10vh;
/*   background-color: royalblue; */
   background-image: linear-gradient(145deg, blue 0%, white 50%, red 100%);
   color: black;
   font-family: sans-serif;
   margin: 10px;
  }
  
  h2 {
	  text-align: center;
  }

  section {
   /* jako element elastyczny */
   flex-grow: 1;
   /* kontener flex */
   display: flex;
   flex-wrap: wrap;
   justify-content: space-around;
   align-content: space-around;
   }

  section>div {
    flex-basis: 50%;
    padding: 50px;
	background-color: deepskyblue;
   }
  
  section div img {
   max-width: 100%;
   max-height: 95vh;
  }

  @media (max-width: 1024px) {
   section>div {
    padding: 30px;
   }
  }

  @media (max-width: 640px) {
   section>div {
    padding: 15px;
   }
  }

  @media (max-width: 460px) {
   section>div {
    flex-basis: 100%;
   }
  }
  .opis { padding: 20px;
		  margin: 10px auto;
		  background-color: #ddd;
		  font-size: 26px;
		  text-align: left;}
			
  .wazne { font-weight: bold; 
		   font-size: 32px;
		   color: royalblue; }
	p { font-size: 18px;
		line-height: 20px;
		margin: 10px;
		text-align: left;
		}
		
  #stopka {width:100%; min-height:20px; background-color:#0099FF; color:black;  
  text-align: center; font-size:16; font-weight:500;}