@media only screen and (max-width: 1210px) {
  #adjustment {
    max-width: 980px; }
  .event {
    width: 420px !important;
    min-width: 420px !important; }
  .partner {
    width: 70% !important; } }

@media only screen and (max-width: 900px) {
  #adjustment {
    max-width: 740px; }
  main {
    text-align: center; }
  #events {
    width: 480px;
    margin: 0 auto;
    text-align: left; }
  .event::before {
    background-repeat: repeat-y !important; }
  .partner {
    width: 100% !important; } }

@media only screen and (max-width: 600px) {
  #adjustment {
    width: 500px !important; }
  #header {
    display: flex;
    flex-flow: column; }
    #header p {
      padding: 15px 0 15px 0; }
    #header #brandName {
      text-align: center; }
    #header .motto {
      font-size: 25px !important; }
    #header #logotype {
      text-align: center; }
  #navigation {
    display: flex;
    flex-flow: column; }
  #main {
    display: block !important; }
    #main img {
      width: 100%; }
  #events .event {
    min-width: 300px !important; }
  .partner {
    width: 100% !important; } }