html, body {
    height: 100%;
}

body {
    display: inline-block;
    align-items: center;
    justify-content: center;
    position: relative;
    background: linear-gradient(135deg, rgba(#242e4d, .9), rgba(#897e79, .9));
    font-family: DroidSans, Droid Sans, Verdana;
}

#sec-det > div {
    border: 1px solid #ccc;
    border-radius: 10px;
    background-color:white;
    padding: 5px;
    text-align: center;
    line-height:2;
}


/*-------------------- Desktop--------------------*/
@media screen and (min-width: 600px) {
    #sec-det {
        width: 80vw;
        /*max-width: 15em;*/
    }

    h3 {
        font-size: 1em;
    }

    #sec-det > div {
        font-size: 1em;
    }
}

/*-------------------- Mobile --------------------*/
@media screen and (max-width: 600px) {
    #sec-det {
        width: 90vw;
        margin:5px auto;
    }

    #companyHdr{
        font-size:0.9em;
    }

    h3 {
        font-size: 0.8em;
    }

    #sec-det > div {
        font-size: 0.8em;
    }

    .companyHdr {
        text-wrap-style: balance;
    }
}