a {
    text-decoration: none;
}


.menu a li {
	text-decoration: none;
	padding-bottom: 10px;
	margin-bottom: 12px;
	border-bottom: 1px solid #cdcdcd;
	list-style: none;
	color: #fff;
	transition: all 150ms ease;
}

.menu a li:hover {
	color: #EFFF00;
font-style: italic;
}

.menu-items a {
  text-decoration: none;
}

.navr {
  position: fixed;
  	top: 45px;   	z-index: 10;
    left: 99.8%;
              height: 350px;
  padding: 15px 15px 15px 10px;  
  line-height: 1.7rem;
background-color: rgba(5,61,243,0.95);
  color: white;
  font-size: 25px;
	transition: all 450ms ease-in-out;
	 border-radius: 0 0 0 6px;	
    .krzyzyk2 {
        display: none;
    }	
  	
    .hamburger {
      display: block;
    }		
}



.navr:target {
  position: fixed;
  	top: 45px;    	z-index: 10;
  left: 42%;      
    width: 280px;
          height: 350px;
  padding: 15px 15px 15px 5px;
  line-height: 1.7rem;

    background-color: rgba(5,61,243,0.95);
  color: white;
  font-size: 1.2rem;
	transition: all 450ms ease-in-out;    
	 border-radius: 0 0 0 8px;
	 
    .hamburger {
      display: none;
    }
		
    .krzyzyk2 {
        display: block;
    }	
    
}

@media screen and (min-width: 910px) {
     .navr:target {
  left: 70%;
  width: 37%;
      }             
} 

@media screen and (max-width: 909px) {
     .navr:target {
  left: 63%;
  width: 35.5%;
      }              
} 
@media screen and (max-width: 896px) {
     .navr:target {
  left: 56%;
  width: 44.5%;
      }           
} 

@media screen and (max-width: 710px) {
     .navr:target {
  left: 56%;
  width: 48%;
      }             
} 

@media screen and (max-width: 750px) {
     .navr:target {
  left: 56%;
  width: 48%;
      }             
}  

@media screen and (max-width: 680px) {
    .navr:target {
  left: 56.5%;
  width: 48%;
      }      
}

@media screen and (max-width: 580px) {
    .navr:target {
  left: 43%;
  width: 64%;
}
}



.krzyzyk2, .hamburger {
position: relative;
top: -15px;
left: -64px;
background-color: rgba(5,61,243,0.95);
color: #dedede;
  font-size: 2rem;
  text-decoration: none;
  padding: 2px 10px;
  border: 1px solid blue;    border-right: none; 
  border-radius: 6px 0 0 6px;

  transition: all 450ms ease-in-out;
}





