body {
    background-image: url("/img/8-tagXcKK9Jxc2fi5.png");
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: #202020;
    color: #efefef;
    font-family: 'Lato', sans-serif;
    font-size: 17px;
    max-width: 100%;
   
}

@media only screen and (max-width: 00px) {
    body {
        background-size: 100%;
        background-repeat: repeat-y;
    }
}



.header {
    background-color:hsla(207, 76%, 11%, 0.616) ;
    min-width: 99%;
    max-width: 99%; 
    margin-left: 0.5%; 
    float: left;
}
.car-title {
        background-image: linear-gradient(0deg, #0c2f4ed0, #0b3556, #0f416dd0);
        padding: 10px;
        box-shadow: 1px 1px 15px 2px hsla(0, 0%, 100%, 0.2);
}

.middle {
    min-width: 99%;
    max-width: 99%;
    margin-left: 0.5%;   
}

.footer {
    background-color:hsla(207, 76%, 11%,0.616);
    min-width: 99%;
    max-width: 99%;
    margin-left: 0.5%;   
}

.logo1 {
    min-width: 99%;
    max-width: 99%; 
    height:120px ;
    padding: 25px;
    position: relative; 
    z-index: 2;
    
}

.logo2 {
    min-width: 99%;
    max-width: 99%; 
    margin-bottom: 25px;
    padding: 25px;
    font-weight: 500;
    font-size: xx-large;
    font-style: italic;
    text-align: center;
    letter-spacing: 3px;
    
}

.list {
    background-color:hsl(207, 76%, 11%,0.616);
    text-align: left;
    float: left;
    line-height: 2;
    margin: 15px 15px 15px 0px;
    padding: 1rem;
}
.list ul li:hover
{
    color:rgb(218, 206, 43) ; 
    cursor: pointer;
}

.kontakt {
    background-color:hsl(207, 76%, 11%,0.616) ;
    ;
    line-height: 2;
    float: left; 
    margin: 15px 0px 15px 0px; 
    padding: 1rem;
    
   }

.pomiar {
    clear: both;
    padding: 25px;
    background-color:hsl(207, 76%, 11%,0.616);
   
}

.link {
    color: #efefef;
    text-decoration: none;
    }
.link:hover
{
    color:rgb(218, 206, 43)  !important;
   
    
}