@media (max-width: 640px) {

	* {
		box-sizing: border-box;
  }

  #navigation .form-control{
    width: 100%;
    margin-left: 0px;
    }

    #navigation .logo {
      text-align: center;
      margin-left: 20%;
      margin-bottom: 5%;
  }

  #navigation .link {
    display: none;
    }

    .jumbotron h1{
        font-size: 2rem;
    }

    #vignette{
      width: 100%;
      max-width: 100%;
      margin-top: 20px;
    }
    #vignette .img{
      height: 230px;
    }
    .logo{
      text-align:center;
    }

    a .logo {
      text-align: center;
      margin-bottom: 10px;
  }
  .linkmenu{
    display: none;
  }

  #separation_header{
    border: 2px solid #fff200;
  }


}