@media (max-width: 480px) {
  /* General */

  #navigation {
    padding: 0;
  }

  .navbar-logo {
    margin-inline: 33%;
  }

  .nav-item {
    margin: 0%;
  }

  .invisible-when-small {
    display: none;
  }
  
  .invisible-when-big {
    display: inline;
  }

  /* Footer */

  .footer {
    padding: 4rem;
  }

  .footer-logo {
    width: 100%;
  }

  /* Headline */

  .headline {
    text-align: center;
  }

  .headline-title {
    position: relative;
    top: 20px;
  }

  .headline-image {
    display: none;
  }

  .headline-logo {
    margin: 30px 0 10px 0;
    width: 80%;
    right: 5px;
  }

  .headline-more {
    display: block;
  }

  .headline-bg {
    height: 800px;
    padding-bottom: 150px;
  }

  /* Value */

  .value {
    padding-top: 1rem;
  }

  .value-detail {
  }

  .value-food-center {
    width: 30%;
    position: relative;
    bottom: 70px;
    /* position: static */
  }

  /* Plans */

  .carousel-indicators [data-bs-target] {
  }

  .plan-button{
    font-size: 0.8rem;
  }

  .plan-container {
    width: 90%;
    padding: 20px;
    margin: 5%;
  }

  .plan-value-container {
    padding: 20px;
    margin: 3%;
    height: 90%;
  }

  .plan-value-title {
    font-size: 1rem;
  }

  /* Vision Mission */

  .vision-mission {
    height: 500px;
  }

  /* Contact */

  .contact-graphics-text {
    margin: 50px 0;
  }

  .contact-graphics-image-container {
    margin: 20px 0;
  }

  /* Form */

  .contact-form-background {
    background-image: none;
    background-color: #d70067;
  }

  form {
    /* padding: 0 30px; */
    /* margin: 20px 0; */
  }

  #contact-form {
    margin: 0 30px;
  }

  .form-control {
    height: 100%;
  }

  .button-submit {
    position: relative;
    bottom: 17px;
    margin: 10px 0;
  }
}



@media (max-width: 991px) {
  /* General */

  .invisible-when-small {
    display: none;
  }

  .invisible-when-big{
    display: inline;
  }

  #navigation {
    padding: 0;
  }

  /* Index */

  .value-food-center {
    width: 30%;
  }

  .informative-content-text {
    font-size: 0.8rem;
  }

  .plan-value-container {
    /* width: 80%; */
    padding: 5%;
    height: 100%;
  }

  .plan-value-title {
    font-size: 1.3rem;
  }

  /* About */

  .vision-mission {
    /* height: 1450px; */
  }

  /* Contact */

  .contact-graphics-text {
    margin: 50px 0;
  }

  .contact-graphics-image-container {
    margin: 20px 0;
  }

  .contact-form-background{
    background-image: none;
    background-color: #d70067;
  }

  form{
    padding: 30px;
    margin: 20px 0;
  }

}