.headerimages {
  width: 95%;
}

.musicimages {
  height: 52vh;
  width: 52vh;
  margin-top: 2%;
}

.mainimages {
  width: 78.1vh;
  height: 52.2vh;
}

.frame {
  margin: 2em auto;
  width: 90vh;
  height: 50.6vh;
}

.twitter-timeline {
  margin: auto;
  padding: 2vh;
}

table {
  background-color: #f8f9fa;
  color: #000;
  margin: 1em 0;

  border-collapse: collapse;
  margin: auto;
}
table,
td,
th {
  border: 1px solid #000;
}

@media screen and (max-width: 1024px) {
  .mainimages{
    width: 50vh;
    height: auto;
  }
  .musicimages{
    width: 40vh;
    height: auto;
  }
  .frame{
    width: 60vh;
    height: 33.74vh;
  }
  }

@media screen and (max-width: 430px) {
  .mainimages{
    width: 40vh;
    height: auto;
  }
  .musicimages{
    width: 35vh;
    height: auto;
  }
  .frame{
    width: 37vh;
    height: 21vh;
  }
  }