body {
  margin: 0;
  padding: 0; }

* {
  box-sizing: border-box; }

main {
  display: flex;
  width: 100vw;
  height: 100vh;
  overflow: hidden; }
  main > div {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    position: relative; }
    main > div > img {
      width: 70%;
      margin-bottom: 25%; }
    main > div > a {
      position: absolute;
      bottom: 20%;
      display: inline-block;
      width: 50%; }
      main > div > a img {
        width: 100%; }
  main .mydays {
    background-color: #786F67; }
  main .kbcsi {
    background-color: #F9CB51; }

@media screen and (orientation: portrait) {
  main {
    flex-direction: column; } }

@media screen and (orientation: portrait) and (min-width: 768px) {
  a {
    bottom: 15% !important; }
  main > div > img {
    margin-bottom: 20%; } }