* {
     box-sizing: border-box;
}
 .row{
     background-color: #dfcd8f8c;
}
 .row::after {
     content: "";
     clear: both;
     display: table;
}
 [class*="col-"] {
     float: left;
     padding: 15px;
}
 html {
     font-family: 'Roboto', sans-serif;
}
 body{
     height: 100%;
     font-size: 19px;
		 color: #303030;
		 margin: 0px;
}
 header {
     background-color: rgb(102 0 24);
     color: #ffffff;
     box-shadow: 0px 10px 11px 0px rgb(10 70 102), -4px -4px 2px rgb(102 0 24 / 17%);
		 border-bottom: 2px solid #d99609;
}
 #stempel{
     text-align: center;
}
 #stempel img{
     width: 55%;
}
 @media only screen and (max-width: 768px) {
     #stempel img{
         width: 99%;
				     padding: 15px 0px;
    border-bottom: 2px solid;
    border-color: #ffffffe3;
    }
}
 #bottom {
     width: 100%;
     text-align: center;
     font-size: 25px;
     padding-top: 25px;
}
 h2 {
     display: block;
     font-size: 1.4em;
     margin-block-start: 0.83em;
     margin-block-end: 0.83em;
     margin-inline-start: 0px;
     margin-inline-end: 0px;
     font-weight: bold;
     color: #660018;
		 font-family: 'Calisto MT';
		 text-align: center;
}
 #bottom2 {
     width: 100%;
     text-align: center;
     font-size: 22px;
     color: #660018;
}
 #bottom img{
     width:90%;
     height:auto;
     box-shadow: 4px 5px 3px rgb(88 87 87), -4px -4px 12px 1px rgb(102 0 24 / 21%);
}

		 #bottom img.logo{
     width:30%;
     height:auto;
     box-shadow: none;
		 border-radius: 35px;
}


 @media only screen and (max-width: 768px) {
     #bottom img {
         width: 90%;
         height: auto;
    }
     #aside img {
         width: 60%;
         height: auto;
    }
		 #bottom img.logo{
     width:30%;
     height:auto;
     box-shadow: none;
		 border-radius: 35px;
}
}
 @media only screen and (max-width: 500px) {
     h2 {
         display: block;
         font-size: 1.3em;
         margin-block-start: -1em;
         margin-block-end: -0.5em;
         margin-inline-start: 0px;
         margin-inline-end: 0px;
         font-weight: bold;
    }
		 #bottom img.logo{
     width:30%;
     height:auto;
     box-shadow: none;
		 border-radius: 35px;
}
}
 @media only screen and (max-width: 500px) {
     #aside img {
         width: 90%;
         height: auto;
    }
}
 #zakład {
     width: 100%;
     text-align: center;
     font-size: 35px;
     font-weight: bold;
		 font-family: 'Calisto MT';
    /* position: relative;
     top: -15px;
     */
}

 #top {
     position: relative;
     top: -15px;
     
}

 @media only screen and (max-width: 500px) {
     #zakład {
         width: 100%;
         text-align: center;
         font-size: 35px;
         font-weight: bold;
         border: 1px solid #ffffff70;
				     border-width: 1px 0px 1px 0px;
    padding: 10px;
    }
		
		 #top {
     position: relative;
     top: 0px;
     
}
		
		
		
}
 #article {
     color: #850c28;
     font-size: 21px;
		 padding-top: 10px;
}
 #article_in p {
     color: #0a4666;
     font-size: 19px;
}
 #img img{
     width: 100%;
     height: auto;
     margin-bottom: 15px;
}
 .menu ul {
     list-style-type: none;
     margin: 0;
     padding: 0;
}
 .menu li {
     padding: 8px;
     margin-bottom: 7px;
     background-color: rgb(29, 89, 138);
     color: #ffffff;
     box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.32);
}
 .menu li:hover {
     background-color: rgb(29, 89, 138);
}
 aside {
     background-color: rgb(151, 151, 151);
     padding: 15px;
     color: #ffffff;
     text-align: center;
     font-size: 14px;
     box-shadow: 4px 5px 3px rgb(88 87 87), -4px -4px 12px 1px rgb(102 0 24 / 21%);
     margin: 20px 0px 30px 0px;
}
 footer {
     background-color: #0A4666;
     color: #ffffff;
     text-align: center;
     font-size: 16px;
     padding: 15px;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-wrap: wrap;
     bottom:0px;
		 border-bottom: 2px solid #062332;
    box-shadow: 0px -5px 11px 0px rgb(88 87 87), -4px -4px 2px rgb(102 0 24 / 0%);
}
 #kontakt {
     display: inline-block;
     width: 33%;
     text-align: center;
     padding: 0 10px 0 10px;
     border-right: 1px solid;
}

 #kontakt_r {
     display: inline-block;
     width: 33%;
     text-align: center;
     padding: 0 10px 0 10px;
     border-right: 0px solid;
}


 #kontakt1 {
     display: inline-block;
     width: 33%;
     text-align: center;
     padding: 0 10px 0 10px;
     border-right: 0px solid;
    /*  position: relative;
     top: -15px; */
}
 #kontakt1z {
     display: inline-block;
     width: 33%;
     text-align: center;
     padding: 0px 10px 15px 10px;
     border-right: 0px solid;
    /*  position: relative;
     top: -15px; */
}
 footer img {
     position: relative;
     top:6px;
     margin: 0 5px 0 5px;
}
/* Dla telefonów komórkowych: */
 [class*="col-"] {
     width: 100%;
}
 @media only screen and (min-width: 600px) {
    /* Dla tabletów: */
     .col-rl-1 {
        width: 8.33%;
    }
     .col-rl-2 {
        width: 16.66%;
    }
     .col-rl-3 {
        width: 25%;
    }
     .col-rl-4 {
        width: 33.33%;
    }
     .col-rl-5 {
        width: 41.66%;
    }
     .col-rl-6 {
        width: 50%;
    }
     .col-rl-7 {
        width: 58.33%;
    }
     .col-rl-8 {
        width: 66.66%;
    }
     .col-rl-9 {
        width: 75%;
    }
     .col-rl-10 {
        width: 83.33%;
    }
     .col-rl-11 {
        width: 91.66%;
    }
     .col-rl-12 {
        width: 100%;
    }
}
 @media only screen and (max-width: 768px) {
     #kontakt {
         display: inline-block;
         width: 100%;
         text-align: center;
         padding: 6px 10px 5px 10px;
         border-bottom: 1px solid;
         margin-bottom: 3px;
         border-right: 0px;
    }
		 #kontakt_r {
      display: inline-block;
         width: 100%;
         text-align: center;
         padding: 6px 10px 5px 10px;
         border-bottom: 1px solid;
         margin-bottom: 3px;
         border-right: 0px;
}
     #kontakt1 {
         display: inline-block;
         width: 100%;
         text-align: center;
         padding: 6px 10px 5px 10px;
         border-bottom: 1px solid;
         margin-bottom: 3px;
         border-right: 0px;
				     margin-top: 0px;
						 position: relative;
    top: 0px;
    }
		 #kontakt1z {
         display: inline-block;
         width: 100%;
         text-align: center;
         padding: 4px 10px 5px 10px;
         border-bottom: 1px solid;
         margin-bottom: 3px;
         border-right: 0px;
				     margin-top: 0px;
    }
		
		
     #k2 {
         display: inline-block;
         width: 100%;
         text-align: center;
         padding: 10px 10px 20px 10px;
         border-bottom: 1px solid;
         border-color:#fafafa4f;
         margin-bottom: 0px;
    }
}
 @media only screen and (min-width: 768px) {
    /* Dla komputerów: */
     .col-1 {
        width: 8.33%;
    }
     .col-2 {
        width: 16.66%;
    }
     .col-3 {
        width: 25%;
    }
     .col-4 {
        width: 33.33%;
    }
     .col-5 {
        width: 41.66%;
    }
     .col-6 {
        width: 50%;
    }
     .col-7 {
        width: 58.33%;
    }
     .col-8 {
        width: 66.66%;
    }
     .col-9 {
        width: 75%;
    }
     .col-10 {
        width: 83.33%;
    }
     .col-11 {
        width: 91.66%;
    }
     .col-12 {
        width: 100%;
    }
}



 a:-webkit-any-link {
     color: white;
     cursor: pointer;
     text-decoration: none;
}
 .row {
     display: block;
     border-bottom: 5px solid #954436;
     box-shadow: 0px 10px 11px 0px rgb(88 87 87), -4px -4px 2px rgb(102 0 24 / 0%);
}
#copy {
    color: #263a44;
    text-align: center;
    font-size: 12px;
    background-color: #969696;
    padding: 1em;
		    box-shadow: inset 0px 10px 11px 2px rgb(88 87 87), -4px -4px 2px rgb(102 0 24 / 0%);
}


 h3 {
     display: block;
     font-size: 1.17em;
     margin-block-start: 0.8em;
     margin-block-end: 0.8em;
     margin-inline-start: 0px;
     margin-inline-end: 0px;
     font-weight: bold;
     text-shadow: -1px -1px 15px #042864;
}
 aside p{
     color: #ffffff;
     text-align: left;
     font-size: 16px;
     margin: 10px 0px 0px 0px;
     text-shadow: -1px -1px 15px #012766;
     margin-inline-start: 0px;
}
 div.liftup {
		position: relative;
     color: white;
     box-shadow: 0 0 0 grey;
     -moz-transition: all 0.3s;
     -webkit-transition: all 0.3s;
     transition: all 0.3s;
 
}
 div.liftup:hover{
     -moz-transition: all 0.3s;
     -webkit-transition: all 0.3s;
     transition: all 0.3s;
     -moz-transform: rotateX(20deg);
     -webkit-transform: rotateX(20deg);
     transform: rotateX(20deg);
     -moz-transform-origin: 50% 0;
     -webkit-transform-origin: 50% 0;
     transform-origin: 50% 0;
     box-shadow: 0 20px 20px -5px gray;
}