@import url('https://fonts.googleapis.com/css?family=Merriweather:400,700&subset=latin-ext');
/* 400 to regular; liczbowe okreslenie weight; serif-jesli serwer nie dziala to zamien merriweather na defaultowy serif */
body {
  font-family: 'Merriweather', serif;
  background: white; /* tutaj parametry dla najmniejszych ekr. (mobile first); ponizej te wieksze*/
}


h1 {
  font-family: 'Merriweather';
  font-size: 23px;
  font-weight: 400;
  color: black;

}

h2 {
  font-family: 'Merriweather';
  font-size: 15px;
  font-weight: 400;
  color: black;
}

p {
  font-family: 'Merriweather';
  font-size: 16px;
  color: black;
}

.misio {
  margin-top: 89px;
}

.wierszyk {
  margin-top: 37px;
}

/* ==========================================================================
Media Queries
========================================================================== */

/* MEDIUM - Średnie ekrany i w górę (powyżej 641px) */

@media only screen and (min-width: 40.063em) {

    body {
      background: white;
    }

h1 {
  font-family: 'Merriweather';
  font-size: 36px;
  font-weight: 400;
  color: black;

}

h2 {
  font-family: 'Merriweather';
  font-size: 23px;
  font-weight: 400;
  color: black;
}

p {
  font-family: 'Merriweather';
  font-size: 20px;
  color: black;
}

.wierszyk {
  margin-top: 100px;
}

/*zamknięcie MEDIUM*/
}

/* LARGE - Duże ekrany i w górę (powyżej 1025px) */
@media only screen and (min-width: 64.063em) {

    body {
      background: white;
    }

  h1 {
  font-family: 'Merriweather';
  font-size: 40px;
  font-weight: 400;
  color: black;

}

h2 {
  font-family: 'Merriweather';
  font-size: 25px;
  font-weight: 400;
  color: black;
}

p {
  font-family: 'Merriweather';
  font-size: 22px;
  color: black;
}

.wierszyk {
  margin-top: 130px;
}
/*zamknięcie LARGE*/
}


/*XLARGE - Wielkie ekrany i w górę (powyżej 1441px)*/

@media only screen and (min-width: 90.063em) {

    body {
      background: white;
    }



/*zamknięcie XLARGE*/
}