:root{
    --mdv-gold: #FFD700;
    --mdv-dark-gold: #B8860B;
    --mdv-black: #000000;
    --mdv-gray: #333333;
  }

  .gold-gradient {
    background: linear-gradient(to bottom right, var(--mdv-gold), var(--mdv-dark-gold));
  }

  .black-gradient {
    background: linear-gradient(to bottom, var(--mdv-black), var(--mdv-gray));
  }

  .gold-to-black-gradient {
    background: linear-gradient(to right, var(--mdv-gold), var(--mdv-black));
  }
  
  .navbar .navbar-brand {
    padding: 0 0 0 15px;
}

.navbar-brand {
    height: 95px !important;
} 

.navbar-right {
    padding: 20px 0 0 32px;
}                                                                                               
.navbar-brand img {
    height: 100%;
} 

.press {
    display: block;  /* Remove bullet points; allow greater control of positioning */
    /*padding: 0;      /* Override defaults for lists */
    /*margin: 0;       /* Override defaults for lists */
    width: 100%;     /* Get the row full width */
}

.press li {
    /*display: inline-block; /* Get all images to show in a row 
   /* width: 25%;            /* Show 4 logos per row */
    /*text-align: center;    /* Centre align the images */
}

@media (max-width: 960px) and (min-width: 501px) {
    .press li { 
        width: 100%; 
        text-align:left;
        
    } /* Show 2 logos per row on medium devices (tablets, phones in landscape) */
}

@media (max-width: 500px) {
    .press li { 
        width: 100%; 
        text-align:left;
    } /* On small screens, show one logo per row */
}