@media (max-width: 450px) {

    html {
        scroll-behavior:initial;        
    }


/*--------------------------------------------------------------*/
/*----------------------------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;
} 

}