@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700;800;900&display=swap');
/* *** CSS RESET *** */

:root {
    --czerwony: #DC3E38; 
    --szary:#696969;
    --kolortla: #EBEBEB;

    --fontface: 'Ubuntu', sans-serif;;
    --fontcolor: #404040;
    --fontlight: #808080;
    --fontsize: 16px;
}
body {background: var(--kolortla);}
body, input, select, button, h1, h2, h3, h4, h5, p, div, span {
    font-family: var(--fontface);
    color: var(--fontcolor);
}
a {color: var(--foncolor) !important; text-decoration: none;}
a:hover {color: var(--foncolor) !important; text-decoration: underline;}

/*select {width: 100%; padding: 8px; color: var(--fontcolor); border: solid 1px silver; border-radius: 4px;}*/
.kolumna {max-width: 800px; margin:auto; padding: 15px;}
.prawa: {position: relative; right: 2px;}
.fleks {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.card {margin-top: 15px;}
input[type=radio], input[type=checkbox] {transform: scale(1.5);}
.tab-pane {padding: 15px; font-family: var(--fontface);}
footer {background: white; padding-top: 15px !important;}

#transp {
    position:absolute;
    right:0;
    top:0;
    background: rgba(255,255,255,.9);
    width:40%;
    height:100vh;
    padding: 15px;
}

.podlogo {
    display: block;
    position: relative;
    top: 0;
    
    width: 100vw;
    height: 80px;
    margin: auto;

    text-align: center;
    align-content: center;
    background: var(--kolortla);
    padding-top: 20px;
    margin-bottom: 30px; 

    -webkit-box-shadow: 0px 0px 24px -2px rgba(66, 68, 90, 0.27);
    -moz-box-shadow: 0px 0px 24px -2px rgba(66, 68, 90, 0.27);
    box-shadow: 0px 0px 24px -2px rgba(66, 68, 90, 0.27);

}
.podlogo img {display: block !important; position: absolute; top: 15px; height: 50px; width: auto; margin: auto;}