/* Verdana Regular

    font-family: "verdana", sans-serif;
    font-weight: 400;
    font-style: normal;

Verdana Italic

    font-family: "verdana", sans-serif;
    font-weight: 400;
    font-style: italic;

Verdana Bold

    font-family: "verdana", sans-serif;
    font-weight: 700;
    font-style: normal;

Verdana Bold Italic

    font-family: "verdana", sans-serif;
    font-weight: 700;
    font-style: italic; */

    /* font-family: "fenway-banner-vf", sans-serif;
font-variation-settings: "wdth" 100, "wght" 300;

font-family: "fenway-banner-vf", sans-serif;
font-variation-settings: "wght" 300, "wdth" 100; */

*{
    font-family: "fenway-banner-vf", sans-serif;
    font-variation-settings: "wdth" 100, "wght" 300;
    margin: 0;
}

body {
    color: black;

    font-family: "fenway-banner-vf", sans-serif;
}

/* Navbar */
header {
    margin: 0;
    padding: 0;  
}

ul {
    height: 50px;
    list-style-type: none;
    margin: .5% 2% .1% 2%;
    padding: 0;
    overflow: hidden;
    background-color: white;
    border-bottom: 2px solid black;
}

ul li {
  float: left;
}

ul li a {
  display: block;
  color: black;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.dropbtn {
    background-color:white;
    color: black;
    padding: 16px;
    font-size: 16px;
    border: none;
}

.dropbtn:hover {
    cursor: pointer;
}
.menu {
    display: none;
    border-bottom: 2px solid black;
    width: 80vw; 
}

.show {
    display: block;
}

.subHeader{
    width: 80vw; 
    /* background-color: rosybrown; */
    margin-left: 10vw;
    margin-right: 10vw;
}

/* margins: top right bottom left */
.logline {
   height: 20vh;
   overflow: hidden;
}

.logline h1 {
  
    inline-size: 450%;
}

.marque {
    overflow: hidden;
    position: relative;
    border-top: 2px solid black;
    border-bottom: 2px solid black;
    height: 100%;
    /* for track items */
    display: flex;
    align-items: center;

}

.track {
    /* height: 95%; */
    display: flex;
    gap: 60px;
    transform:translateX(100%);
    white-space: nowrap;
    animation: scroll-left 15s linear infinite;
    
}

.track h3 {
    margin: 0;
    flex-shrink: 0;
}

/* track animation  */
@keyframes scroll-left {
    0%   {
    transform: translateX(60%); 		
    }
    100% {
    transform: translateX(-100%); 
    }
}

.grid-container{
    height: 125vh;

    display: grid;
    grid-template-columns: auto ;
    /* how large each row/section is */
    grid-template-rows: 20% 3.5% 40% 35%;

    gap: .5%;
    /* centers the item divs */
    justify-content: center;
}
.item{
    /* controls the width of the visible boxes */
    width: 80vw; 
    background-color: red;
}