div.header {
    background-color: #000 !important;
    
}

.daily-news {
    width: 100%;
    left: 0px;
}

h1.intro-text {
    width: 100%;
    margin-top: -250px;
    font-size: 50px;
}

.header h1 {
    margin-top: -250px;
    font-size: 50px;
}

.rainbow-scroll {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 700;
    width: 65%;
    background: -webkit-gradient(linear, left top, right top, color-stop(10%, #f078d8), color-stop(30%, #8157c6), color-stop(40%, #547198), color-stop(60%, #00baa7), color-stop(80%, #1adaac), to(#bd77c3));
  background: linear-gradient(to right, #a920c6 10%, #8157c6 30%, #275696 40%, #00ba8c 60%, #da1a70 80%, #a920c6 100%);
    background-size: 200% auto;
    color: #000;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: shine 5s linear infinite;
            animation: shine 5s linear infinite;
  }
  @-webkit-keyframes shine {
    to {
      background-position: 200% center;
    }
  }
  @keyframes shine {
    to {
      background-position: 200% center;
    }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .daily-news {
        text-align: center;
    }
    
    .header h1 {
        margin-top: -100px;
        font-size: 35px;
    }