/* 1200 */
@media only screen
and (max-width : 1200px) {  
  .container {
    padding-left: 30px;
    padding-right: 30px;
  }
}

/* 992 */
@media only screen
and (max-width : 992px) {
  section#tickets .ticket-city .ticket {
    width: calc((100% / 2) - 30px);
  }
}

/* 480 */
@media only screen
and (max-width : 480px) {
  header {
    height: 200px;    
  }
  header img {
    height: 250px;
  }
  header::after {
    width: 250px;
    height: 250px;
  }  
  section#tickets .ticket-city .ticket {
    width: calc((100%) - 30px);
  }
  section#intro h1 {
    font-size: 30px;
  }
  section#intro h2 {
    font-size: 20px;
  }
  section#tickets .ticket-hedaer h4 {
    font-size: 30px;
  }  
}