/* General Reset */
* {
  box-sizing: border-box;
}

/* For tablets */
@media (max-width: 992px) {
  .container {
    width: 95%;
  }
}

/* For mobile */
@media (max-width: 600px) {
  .container {
    width: 100%;
    padding: 10px;
    flex-direction: column;
  }

  img {
    max-width: 100%;
    height: auto;
  }

  .sidebar {
    display: none;
  }
}