* {
    box-sizing: border-box;
  }

body {
    background-color: white;
  }
  
  a.lok {
    color:white;
    text-decoration: none;
  }

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

  h1 {
    color: black;
  }

  h1 {
    color: white;
    font-family: verdana;
    font-size: 26px;
    text-align: left;
  }

  h2 {
    color: white;
    font-family: verdana;
    font-size: 35px;
    text-align: center;
  }

  p {
    color: black;
    font-family: verdana;
    font-size: 14px;
  }

  p.a {
    color: white;
    font-family: verdana;
    font-size: 30px;
    text-indent: 100px;
    text-align: justify;
  }

  p.b {
    color: white;
    font-family: verdana;
    font-size: 16px;
  }

  p.c {
    color: white;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: 22px;
    text-align: justify;
  }


  h3 {
    color: white;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 25px;
    font-style: oblique;
    text-align: center;
  }

  h4 {
    color: white;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: 25px;
    font-style:normal;
    text-align: center;
    letter-spacing: 2px;
  }

  h5 {
    color: white;
    font-family:'Times New Roman', Times, serif ;
    font-size: 16px;
    text-align: center;
  }


  /* Styl linia */

/* Nawigacja */
/* Style the top navigation bar */
.navbar {
  flex: 70%;
  display:inline-block;
  background-color: #D6F4E8;
  padding: 50px;
  text-align: center;
  font-size: 25px;
  font-family:Arial, Helvetica, sans-serif;
}

/* Style the navigation bar links */
.navbar a {
  color: #000000;
  padding: 14px 20px;
  text-decoration: none;
  text-align: center;
}

/* Change color on hover */
.navbar a:hover {
  background-color: #097B76;
  color: black;
}

/* Koniec nawigacja*/

/* przyciski */

.button {
  background-color: #D6F4E8;
  border: none;
  color: black;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 8px;
}

/* Koniec przyciski */

/* Styl naglowka */
.header {
  flex: 30%;
  background-color: #D6F4E8;
  padding: 0px;
  text-align: left;
  font-size: 25px;
}



/* Column container */
.row {  
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}

/* Create two unequal columns that sits next to each other */
/* Sidebar/left column */


/* Main column */
.main {
  flex: 100%;
  background:url("../rys/tlo.png");
  background-repeat: no-repeat;
  background-size: cover;
  width:100%;
  height:400px;
  padding: 20px;
  text-align: center;
}

.rekl {
  flex: 100%;
  background-color: #09716D;
  width:100%;
  padding: 40px;
  height:400px;
  text-align: center;
}

.tytulusl {
  flex: 100%;
  background-color: #097B76;
  width:100%;
  padding: 10px;
  text-align: left;
}

.uslugi {
  flex: 33%;
  background-color: #097B76;
  width:100%;
  padding: 50px;
  text-align: center;
}

.tytulonas {
  flex: 100%;
  background-color: #003444;
  width:100%;
  padding: 10px;
  text-align: left;
}
.onas {
  flex: 50%;
  background-color: #003444;
  width:100%;
  padding: 100px;
  
}

.tytullok {
  flex: 100%;
  background-color: #097B76;
  width:100%;
  padding: 10px;
  text-align: left;
}

.lokalizacja {
  flex: 50%;
  background-color: #097B76;
  width:100%;
  padding: 100px;
}

.kontakt {
  flex: 100%;
  background-color: #097B76;
  padding: 20px;
  text-align: center;
  font-size: 20px;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  color: #000000;
}

.formularz {
  flex: 100%;
  background-color: #09716D;
  width:100%;
  padding: 10px;
  text-align: left;
  
}



/* Styl  stopki */
.footer {
  flex: 33.33%;
  background-color: #D6F4E8;
  padding: 20px;
  text-align: center;
  font-family:Verdana, Geneva, Tahoma, sans-serif;
  font-size: 14px;
  }

  /* Responsive layout - when the screen is less than 700px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 700px) {
  .row, .navbar {  
    -webkit-flex-direction: column; 
    flex-direction: column;
  }
}