html {
  font-size: 20px; 
  font-family: 'Quicksand', sans-serif;
  
}

img {
 max-width: 100%;	
height: 5rem;
}

body {
  margin: 0;
}

eklerka {
  width: auto;
}

.logo {
   
 padding: 30px;
   background:linear-gradient(150deg,#ffffff,#30A1DA 120%) ; 
   width: 100%;
}
.wsio {
 position: relative;
 margin-top: 1rem;
 margin-bottom: 1rem;
}

footer {
 padding: 0.05rem;

bottom: 0;
width: 100%;
 position:fixed;
  color: white;
  text-align: center;
   background:linear-gradient(to left,#30A1DA,#184A83) ;

}
.bar {
 height: 5rem; 
 background:#184A83 ;
  width: 100%;
    color: white;
  text-align: center;
  font-weight:250;
  font-size: 1rem;
  letter-spacing: 0.1rem;
  
}

.bar li {
    display: inline-block;
   
   list-style: none;
   margin: 0;
	padding: 0;
   
 
}

li a:link, li a:visited {
     display: inline-block;
     text-transform: uppercase;
   background:linear-gradient(150deg,#ffffff,#30A1DA 120%) ;
    margin:1rem 0.5rem;
    width: 15rem;
    padding: 0.35rem;
    color: #184A83;
    border-radius: 5% / 10%;
    text-decoration: none;
     font-weight:500;
    box-shadow: #141414 0px 20px 30px -10px;
 
}






ul a:hover {
    color: black; 
    background:linear-gradient(150deg,#FFFFBE,#DFF2FF 120%) ;
}

.kontener {
     width: 100%;
 
  color: white;
  text-align: center;
  font-weight:500;
  font-size: 0.65rem;
  letter-spacing: 0.1rem;
  
 
  
}