#ja{display:none;}


@media (max-width: 1280px) {
#my_name_mob{color:white; font-size:15px; font-family:Narrow; 
position:absolute;  z-index:666;	
bottom: 5%;
left: 8%;}

#dark_blue_mob{width:27%; height:100vh; background: linear-gradient(90deg, #10141A, #354452); position:absolute;}


#silver_mob{width:73%; height:100vh; right:0; background: linear-gradient(45deg, #F2F2F2, #D8D8DB); position:absolute; }


#content_main_mob{  width:85%; height:90vh; margin-left:11%; background:; padding:7vh 0; overflow:scroll; position:relative; background: ;}
#content_main_mob h1{font-size:2.5vw; font-family:Narrow; color:#354452; margin-top:0; margin-bottom:15px; text-transform: uppercase;}
#content_main_mob h2{font-size:2vw; font-weight:400; font-family:Narrow; color:#5B6C7E; margin-top:0; text-transform: uppercase;}
#content_main_mob h3{font-size:1.6vw; font-weight:500; font-family:Narrow; color:#5B6C7E; margin-top:0; margin-bottom:0;text-transform: uppercase;}
#content_main_mob p{font-size:1.4vw; font-weight:400; font-family:Narrow; color:#5B6C7E; margin-top:0; }






#skills_mob{width:100%; margin-top:0%;}
.pp_mob{vertical-align:middle; display: table-cell; color:#171D24; font-family:arial;  font-weight:600; font-size:0vw;  } 
.kulka_ciemna{background:#5B6C7E; width:14%; margin-right:2%; margin-bottom:2%;   }
/*кргуляши*/


/*литеры*/
.dwie_litery_mob{font-size:1.8vw;}
.tszy_litery_mob{font-size:1.5vw;}
.cztyry_litery_mob{font-size:1.3vw;}
.wiele_liter_mob{font-size:1vw;}

 



.vertical-menu_mob {
	position:absolute;
	
	top: 5%;
	left: 4vw;
    width: 200px; /* Set a width if you like */
}

.vertical-menu_mob p {
    color: #A6A7AB; /* Grey background color */
     background:;
    display: block; /* Make the links appear below each other */
    padding: 12px 0; /* Add some padding */
    text-decoration: none; /* Remove underline from links */
	font-family:Narrow;
	font-size:1.4vw;
	cursor: pointer;
}

.vertical-menu_mob p:hover {
    color: #ccc; /* Dark grey background on mouse-over */
}

.vertical-menu_mob p.active {
    background-color: #A6A7AB; /* Add a green color to the "active/current" link */
    color: #10141A;
}


#link_mob{ 	}
#link_mob p{color: #10141A;  font-size:1.8vw; font-family:Narrow;  text-align:right;
	}

#foto_mob{position:absolute; bottom:0%; left:-22%; width:33%;}

 
#centeredmenu {display:none;}

}
/* --------------------------------------------------------------------------------- */
@media screen and (orientation: portrait){
#ja{display:block; width:90%; margin-bottom: 5%; border-radius: 100%; }


#silver_mob{width:100%;  }
#content_main_mob{  width:90%; height:90vh; margin-left:6%;  }

#content_main_mob{ padding:3vh 0;  }
#content_main_mob h1{font-size:5vw;  }
#content_main_mob h2{font-size:4.5vw;  }
#content_main_mob h3{font-size:4vw;  }
#content_main_mob p{font-size:2.8vw;  }


.kulka_ciemna{background:#5B6C7E; width:22%; margin-right:3%; margin-bottom:2%;  }
 
/*литеры*/
.dwie_litery_mob{font-size:5vw;}
.tszy_litery_mob{font-size:4.5vw;}
.cztyry_litery_mob{font-size:4vw;}
.wiele_liter_mob{font-size:3.3vw;}

.vertical-menu_mob {
	display:none;
}

#my_name_mob{font-size:4vw; 

}

#link_mob p{ font-size:4vw;  
	}
	
	
#centeredmenu {
	display:block;
   float:left;
   width:100%;
   padding:2vh 0;
   background: linear-gradient(90deg, #10141A, #354452);
   border-bottom:4px solid #000;
   overflow:hidden;
   position:relative;
   
   font-family:Narrow;
   font-size:4vw;
}

#centeredmenu ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}

#centeredmenu ul li {
   display:block;
   float:left;
   list-style:none;
   margin: 0vw 2vw;
   padding:0;
   position:relative;
   right:50%;
}

#centeredmenu ul li a {
   display:block;
   margin:0 0 0 1px;
   padding:3px 10px;
    
   color:#fff;
   text-decoration:none;
   line-height:1.3em;
}

#centeredmenu ul li a:hover {
    
   color:#fff;
}

#centeredmenu ul li a.active,
#centeredmenu ul li a.active:hover {
   color:#fff;
   background:#000;
   font-weight:bold;
}

#foto_mob{display:none;}
}