@media (min-width: 450px) and (max-width: 900px) {


/*--------------------------------------------------------------*/
/*----------------------------HEADER----------------------------*/
/*--------------------------------------------------------------*/

.container{
  width:100%;
  padding: 10% 25%;

  display:flex;
  flex-direction: column;

}
 .container > a{
   text-decoration:none;
   outline:none;
   cursor:pointer;
   color:black;
   line-height: 1.4rem;
   font-weight:300;

   align-self: flex-start;
 } 

 .container > a:hover{
  opacity: 0.8;
} 

}