.logoimg {
    width: 100%;
    max-width: 400px;
    height: auto;
    display: block;
    margin: auto;
}


.heroimg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 105%;
    object-fit: cover;
    z-index: -99;
}

.centertext {
    color: #f4f4f4;
    text-align: center;
}

.cardtext {
    color: #222222;
    text-align: center;
    width: 90%;
    margin-bottom: var(--pico-typography-spacing-vertical);
    margin-left: auto;
    margin-right: auto;
}

.fancy {
    padding: 0;
    background: rgb(10,177,177);
    background: linear-gradient(90deg, rgba(10,177,177,1) 0%, rgba(33,226,153,1) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.porkbunlogo {
    width: 35%;
    height: auto;
    display: block;
    margin: auto;
}

.pbunheader {
    background-color: #EF7878;
}

.smallerarticle {
    width: 80%;
    margin: auto;
}

.bunpics {
    margin: auto;
}

.pbun {

}

#centerbutton {
    width: auto;
}

.footertext {
    text-align: center;
    font-size: 0.8rem;
}


@media screen and (max-width: 767px) {
    .pbun1, .pbun2, .pbun4, .pbun5 {
        display: none;
    }
    .pbun3 {
        width: 65%;
        display: block;
        margin: auto;
    }
    .smallerarticle {
        width: 100%;
    }
  }