@font-face {
    font-display: swap;
    font-family: 'PepsiOwners-Compressed';
    font-weight: 400;
    src: url('../fonts/PepsiOwners-Compressed.ttf') format('truetype');
}

@font-face {
    font-family: 'PepsiOwners-Extended';
    font-display: swap;
    src: url('../fonts/PepsiOwners-Extended.ttf') format('truetype');
}

@font-face {
    font-family: 'PepsiOwners-Regular';
    font-display: swap;
    src: url('../fonts/PepsiOwners-Regular.ttf') format('truetype');
}

.f-pepsi-compressed {
    font-family: 'PepsiOwners-Compressed', sans-serif;
}

.f-pepsi-extended {
    font-family: 'PepsiOwners-Extended', sans-serif;
}

.f-pepsi {
    font-family: 'PepsiOwners-Regular', sans-serif;
}

body {
    background-image: url('../images/Pepsi_FC25_Promo_BG_1920x1080px.png');
    background-position: bottom center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #000;
}

header img {
    height: 10rem;
}

footer img {
    height: 5rem;
}

.text-justify {
    text-align: justify;
}

.rollover {
    transition: transform .2s;
}

.rollover:hover {
    transform: scale(1.05);
}

.fs-xs {
    font-size: 0.75rem;
}

@media (min-width: 768px) {
    .gx-md-5 {
        --bs-gutter-x: 5rem;
    }
}

@media (min-width: 1200px) {
    .gx-xl-5 {
        --bs-gutter-x: 10rem;
    }
}