.design-image {
    position: absolute;
    top: 0px;
    width: 100%;
    margin: auto;
}

.mdl-spinner {
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    position: absolute;
    top: 0px;
}

.fill-me {
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    position: absolute;
    top: 0px;
}

.fill-me.main-tablecloth-container {
    z-index: 1;
}


.fill-me.accent-tablecloth-container {
    z-index: 2;
}


.fill-me.cutlery-container {
    z-index: 3;
}


.fill-me.napkins-container {
    z-index: 4;
}


.fill-me.candles-container {
    z-index: 5;
}


.fill-me.centerpiece-container {
    z-index: 6;
}


.fill-me.glasses-container {
    z-index: 7;
}



.design-button {
    width: 90%;
    margin: auto;
}



.sizer {
    width: 100%;
    visibility: hidden;
    z-index: -1;
}



.design-card.card-square.mdl-card {
    /*height: 1020px;*/
    margin-left: 5%;
    margin-right: 5%;
    width: 90%;
    text-align: center;
}

#designarea {
    /*height: 720px;*/
    background-image: url("design-images/reception-table/backgrounds/background.jpg");
    background-size: 100%;
    background-repeat: no-repeat;
/*this lines up the images starting on the left edge*/    text-align: left;
}

.design-card.card-square > .mdl-card__title {
    color: #fff;
}




#selectionarea {
    width: 100%;
    height: 220px;
    text-align: center;
}


#selectionarea2 {
    width: 100%;
    text-align: center;
}


.mdl-button {
    text-align: center;
    margin: auto;
}


.navigation-slides {
    margin-top: 5px;
}




.navigation-slider.slider {
    position: relative;
    width: 100%;
    height: 60px;
}


.mdl-button:hover {
    background: rgba(255, 173, 18, 0.15) !important;
}