#preload-01 {
    background: url("../backgrounds/tabletdesk5.jpg") no-repeat -9999px -9999px;
}

.bg {
    /* The image used */
    background-image: url("../backgrounds/tabletdesk7.jpg"),url("../backgrounds/tabletdesk7lowq.jpg");
    background-position: center top;
    background-repeat: no-repeat,no-repeat;
    background-size: cover;
    background-color:#303030;
}

.darkBg {
    background: rgba(48,48,48,0.8);
}

.info {
    width: 360px;
    margin-right: 2px;
    margin-left: 2px;
    background: rgba(48,48,48,0.8);
}

.infoback {
    background: rgba(48,48,48,0.8);
    padding:5px;
}


.headerMenu {
    background: rgb(48,48,48);
    height: 45px;
}

.footerMenu {
    background: rgba(48,48,48,0.95);
    height: 180px;
}


.examplecardsize {
    /*width: 22.5rem;*/
    width: 21.5rem;
    height: 30rem;
}

.examplecardsizelarge {
    width: 21.5rem;
    height: 33rem;
}

.examplecardsizexlarge {
    width: 21.5rem;
    height: 35rem;
}

.cardouterdiv {
    width: 21.5rem;
    height: 33rem;
    display: inline-block;
    margin-left: 14px;
    margin-right: 14px;
}

.cardouterdivlarge {
    width: 21.5rem;
    height: 37rem;
    display: inline-block;
    margin-left: 14px;
    margin-right: 14px;
}

.cardimgsize {
    width: 21.25rem;
}

.cardtext{
    text-align:left;
}