/* Header */
header {
  display: grid;
  grid-template-columns: auto auto; /* Banner then nav */
  text-align: center;
  padding: 15px;
}

/* Banner */
.banner {
  padding: 20px; 
}

.banner-logo {
  font-size: 4rem;
  margin: 0;
  font-weight: bold;
  font-family: var(--decorative-font);
}

.banner-strap {
  font-size: 1.5rem;
  margin-top: 5px;
}

.gif-text {
    /* GIF Animated Text */
    background-image: url(./textArt.gif);
    background-size: cover;
    color: transparent;
    -moz-background-clip: text;
    -webkit-background-clip: text;
}


/* Tablet/Desktop Adjustments */
@media (min-width: 768px) {
 
body {
  background-color: aliceblue;
  
}

    header {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    align-items: center;
  }

  .banner {
    text-align: left;
    padding-left: 20px;
  }


}