*,
*:after,
*:before {
	box-sizing: border-box;
    margin: 0 ;
}
@media only screen and (max-width:515px){
 .name__contact {
display:none ;
    }
      .language {
       background-color: darkseagreen ;
       border-radius: 5px ;
    }
		}
  .contact i{
display:none ;
		}
}
@media only screen and (max-width:380px){
.logo  {
   display: none ;
    }
}
.up__header{
   
    margin-top: 0.8rem ;
    border-bottom-right-radius: 1rem ;
    border-bottom-left-radius: 1rem ;

	z-index:20;
	width:100% ;
	background-color:white ;
	justify-content:center ;
	position:sticky ;
	top:0 ;
	box-shadow:2px 2px 12px 0 rgb(0, 0, 0, 0.2);
}
header .up__header_2 {
display:flex ;	
align-items:center ;
justify-content:space-evenly;
}
.contain__header{
display:flex ;
align-items:center ;

}
.logo {
height:47px ;

}

.logo img {
    display: block;
width:46px ;
animation:logoanim1 10s 1s 1  ;
box-shadow:2px 2px 7px 0 rgb(0, 0, 0, 0.4);
border-radius:5px ;
}
.span_name__menu{
	color:rgb(55, 71, 79);
    font-weight: normal;
    font-size: 0.8rem ;
	
}
/*.logo img:hover {
animation:logoanim 8s 0.5s 1  ;
}
*/
.menu {
	
}
.ul__menu{
    font-family:Yekan;
	display:flex ;
	padding:0 1rem ;
	list-style-type:none ;
	color:rgb(0, 0, 0);
	
	}


.name__menu{
   
font-size:0.9rem ;	
padding:0 1rem ;
text-decoration:none ;
transition:all 0.3s ease ;

}

.name__menu:hover{
	transform:translateY(-6px);
	opacity: 0.7 ;	
	
}
.language {
    display: flex ;
    align-items: center;
    font-size: 0.9rem ;
    transition:all 0.3s ease ;
      
}
.pic_language{
    text-decoration:none ;
    padding: 0 0.2rem 0 0.2rem;
    color: black ;
}
.language:hover{
    cursor: pointer ;
   background-color:lightgreen;
    border-radius: 5px ;
    

}

.contact {
display: flex ;
    align-items: center;
	
	border-radius:5px ;
	transition:all 0.7s ease 100ms;
	}
.name__contact{
    font-family:Koodak;
    font-size: 1rem ;
text-decoration:none ;	
padding: 0 0.3rem 0 0.3rem;
color:gray;
}
.contact i{
    color:red;
   padding: 0 0.3rm 0 0.5rem;
}
.contact:hover {
	background-color:rgb(245, 245, 245) ;
}
