/*responsywny*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@200&display=swap');
  
.tekst1{
	font-family: 'Titillium Web', sans-serif;
    font-size: 14pt;
	font-weight: 600;
	color: black;
    text-align: justify;
    overflow: auto;
	margin: 20px;
	transition-duration: 1.5s;
}

.tekst2{
	font-family: 'Titillium Web', sans-serif;
    font-size: 14pt;
	font-weight: 600;
	color: black;
    text-align: center;
    overflow: auto;
	margin: 20px;
	transition-duration: 1.5s;
}

.tekst3{
	font-family: 'Titillium Web', sans-serif;
    font-size: 14pt;
	font-weight: 600;
	color: white;
    text-align: center;
    overflow: auto;
	margin: 20px;
	transition-duration: 1.5s;
}

.tekst4{
	font-family: 'Titillium Web', sans-serif;
    font-size: 14pt;
	font-weight: 600;
	color: white;
    text-align: justify;
    overflow: auto;
	margin: 20px;
	transition-duration: 1.5s;
}

.tekst4 img{
	max-height: 100px;
	max-width: 100px;
text-align: center;
float:left;
margin:16px;
}

.tekst4 a{
color: yellow;
text-decoration:none;
transition: 0.6s;
}

.tekst4 a:hover{
color: red;
transition: 0.6s;
}

@media only screen and (max-width: 720px) {
 .tekst1, .tekst2, .tekst3, .tekst4
   {font-size: 12pt !important;
   margin-bottom: 2px !important;
    margin-top: 2px !important;
   padding-top: 4px !important;
   padding-bottom: 4px !important;
   }
}