.launchgraphic {
    text-align: center;
    margin-top: 70px;
    margin-bottom: 70px;
}

.launchclock {
    text-align: center;
    font-size: 100px;
    margin-top: 0px;
}

.hdpink {
    color: #c55e79;
    font-weight: 700;
}

a {
    color: #c55e79;
}

a:visited {
    color: #c55e79;
}

a:hover {
    color: #c55e79;
}

a:active {
    color: #c55e79;
}

a.btn{
    color: #ffffff;
}
/*.hdbtn {
    background-color: #c55e79;
    color: #ffffff;
    border: none;
    margin:  10px;
}*/


.btn {
    background-color: #c55e79;
    color: #ffffff;
    border: none;
    margin:  10px;
}

.footerlinks {
    list-style-type: none;
    color: #8c8c8c;
}

.footerlinks a {
    color: #ffffff;
}

.headerlinks {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.headerlinks li {
    float: left;
}

.headerlinks a {
    color: #ffffff;
}

/*
.card-body {
    padding-top:  1.25rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-bottom:  .25rem;
}
*/

th {
    text-align: center;
}

td {
    padding: 20px;
    text-align: center;
}

.tdl {
    text-align: left;
}
.tdr {
    text-align: right;
}

.hdfooter {
    height: 200px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%; 
    /* any time you make something absolute, the width no longer autofills, so have to specify width.
    and, the "left" and "bottom" work with position, to stick things to for ex left and bottom! */
}


/* HOW WE FIXED MY FOOTER TO STAY AT BOTTOM OF PAGE:
- In .hdfooter, set a height, set position to be "absolute", left and bottom to 0, and width of 100%.
- Set body position to be relative, and padding-bottom to be the height of the footer
- Then, added @media's to set the body and footer sizes to make more sense for diff device/screen sizes
*/


body {
    position: relative;
    padding-bottom: 200px;
}

@media(min-width:576px) {
    .hdfooter {
        height: 224px;
    }
}

@media(min-width:576px) {
    body {
        padding-bottom: 224px;
    }
}

@media(max-width: 590px) {
    .hdfooter {
        height: 400px;
    }
    body {
        padding-bottom: 400px;
    }
}

/* My custom padders, to make the footer stay down */
.hdspace {
    padding-bottom: 250px;
}
.hdminispace {
    padding-bottom:  125px;
}

/* These control width and height of form elements: */
.hdinputs {
    width: 150px;
}
.hdinputm {
    width: 300px;
}
.hdinputl {
    width:  600px;
}
.hdinputt {
    height: 200px;
}

/* This is to add space around <p> tags, to space them out a bit! */
.hdpspace {
    padding-top: 20px;
    padding-bottom: 20px;
}

/* A border to use on invoice table rows */
.hdborder {
    border-bottom: 1px dashed;
}

/* This one was to remove the absurd amount of padding under the item title on shop.php and also helps with cards on index.php */
.hdnopb {
    padding-bottom: 0px;
}

/* for justify aligning text on the item.php page */
.hdjust {
    text-align: justify;
}

/* trying to remove the borders on the "card" I'm using for splash image on home page */
.hdnobord {
    border: 0;
}
.hdnobordt {
    border-top: 0;
}
.hdnobordb {
    border-bottom: 0;
}