/* Styling for about.html */
/* Jack Ryan 2021 */

/* Variables */
@import 'variables.css';


/* Hack to preload images */
body::after{
  position:absolute; width:0; height:0; overflow:hidden; z-index:-1; 
  content:url("../assets/images/backgrounds/LB_Commercial_RedMetal_Pattern.jpg"); 
}

/* Mobile */
@media screen and (min-width: 300px) {
    #news-hero-image-container {
      display: grid;
      place-items: center;
      height: var(--hero-container-mobile);
      background-image: url("../assets/images/backgrounds/LB_Commercial_RedMetal_Pattern.jpg");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
    }
}

/* Tablet */
@media screen and (min-device-width: 651px) {
    #news-hero-image-container {
      height: var(--hero-container-tablet);
    }
}

/* Desktop */
@media screen and (min-device-width: 1025px) {
    #news-hero-image-container {
      height: var(--hero-container-desktop);
    }
}