funding.css - Pastebin -for Sharing Code and Text

.nu__funding {
    background:rgba(0, 0, 0, .9);
    width:100vw;
    height:100vh;
    position:fixed;
    top:0;
    z-index:1000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }

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

.nu__event-close {
    position:absolute;
    top:30px;
    right:3vw;
    cursor:pointer;
    z-index:1000;
    background: url(../images/close.png) no-repeat ;
    width:22px;
    height:22px;
  }

.nu__event-close:hover {
    background: url(../images/close_red.png) no-repeat ;
    width:22px;
    height:22px;
  }

.nu__day-mobile {
    display:none;
  }

@media (min-width: 320px) and (max-width: 480px) {

.nu__funding-img {

max-width:84%;
      width:100%;
      margin-left:8%;
      margin-right:8%;
    }

.nu__event-close {
      right:8vw;
      top:4vw;
    }
  }

/* Landscape */
  @media only screen
    and (min-device-width: 320px)
    and (max-device-width: 480px)
    and (-webkit-min-device-pixel-ratio: 2)
    and (orientation: landscape) {
      .nu__day-desktop {
        display:none;
      }
      .nu__day-mobile {
        display:block;
      }
      .nu__event-close {
        right:4vw;
        top:2vw;
      }
  }

@media only screen
    and (min-device-width: 320px)
    and (max-device-width: 568px)
    and (-webkit-min-device-pixel-ratio: 2)
    and (orientation: landscape) {
      .nu__day-desktop {
        display:none;
      }
      .nu__day-mobile {
        display:block;
      }
      .nu__event-close {
        right:4vw;
        top:2vw;
      }
  }

@media only screen
    and (min-device-width: 375px)
    and (max-device-width: 667px)
    and (-webkit-min-device-pixel-ratio: 2)
    and (orientation: landscape) {
      .nu__day-desktop {
        display:none;
      }
      .nu__day-mobile {
        display:block;
      }
      .nu__event-close {
        right:4vw;
        top:2vw;
      }
  }

@media only screen
    and (min-device-width: 414px)
    and (max-device-width: 736px)
    and (-webkit-min-device-pixel-ratio: 3)
    and (orientation: landscape) {
      .nu__day-desktop {
        display:none;
      }
      .nu__day-mobile {
        display:block;
      }
      .nu__event-close {
        right:4vw;
        top:2vw;
      }
  }