body{
	
    color: #404040;
    
    --bk-color:#f4f4f4;
    --my-color: #306397;
    --my-color_: #3E79B4;
    --my-color-light: #6a90b5;
    --sec-color:#eaeaea;
    
    font-size: 18px;
    font-family: "Roboto Condensed", sans-serif ;   
}

a{
    color:var(--my-color);
     text-decoration: none;
}

h1,h2,h3,h4,h5{
    color:var(--my-color)
}
.title{
    text-shadow: 0px 0px 5px white;    
}

ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

li i{
  color:var(--my-color);
  font-size: 1.3em;
  font-weight: 700;  
  margin-right:10px;
}

header{
    background-image: url("img/header.jpg");
    background-size: cover;
    min-height: 300px;     
}

footer{
    font-weight: 300;
    font-size: 0.7em;
}

.navbar{
    background-color: white;
    color:var(--my-color);
       
    font-size: 0.8em;
    
}

.my-bg-color{
   background-color: var(--my-color)
}

.my-color{
    color:var(--my-color)
}

.bg-silver{
    background-color: #f5f5f5;
}

.lng-btn{
    color:var(--my-color);
    margin-left:5px;
}

.lng-active{
    color:white;
    background-color: var(--my-color);

}
.lng-active:hover {
  color:white;
    background-color: var(--my-color);
}