body {
    background-color: #666;
    height: 100%;
    margin: 0;
    width: 100%;
    color: #fff;
    font-family: MyriadPro-Regular,'Myriad Pro Regular',MyriadPro,'Myriad Pro',Helvetica,Arial,sans-serif
}

html {
    height: 100%;
    width: 100%
}

.body-content {
    padding-left: 15px;
    padding-right: 15px
}

.displayContainer {
    display: block;
    height: 50%;
    width: 100%
}

.bottomFlex {
    align-self: flex-end
}

.centerFlex {
    align-items: center;
    display: flex;
    justify-content: center
}

.stretchFlex {
    align-self: stretch
}

.topFlex {
    align-self: flex-start
}

.centerPseudo {
    display: inline-block;
    text-align: center
}

    .centerPseudo::before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        width: 0
    }

#firstObject {
    background-color: red;
    display: flex;
    height: 100px;
    width: 300px
}

#secondObject {
    width: 300px;
    margin: auto;
    text-align: center
}

    #secondObject h2 {
        font-style: italic;
        color: #fff !important;
        font-size: 1.2em;
        font-weight: bold
    }

    #secondObject .version {
        font-style: italic;
        color: #fff !important;
        font-size: .9em;
        font-weight: normal
    }

    #secondObject a, #secondObject a:link, #secondObject a:visited {
        font-style: italic;
        color: #fff !important;
        font-size: 1em;
        text-decoration: underline;
        font-family: MyriadPro-Regular,'Myriad Pro Regular',MyriadPro,'Myriad Pro',Helvetica,Arial,sans-serif
    }