/* Main styles */

html { 
    height: 100%;
}

body {
    color: #000;
    font-family: 'Roboto',sans-serif;
    font-style: normal;
    font-weight: 400;
    background: #fff;
    height: 100%;
    overflow: auto;
}

.logo {
    margin: 16px;
    max-width: inherit;
    cursor: default;
    z-index: 9999;
    padding-bottom: 6px;
    border-bottom: 1px solid darkgreen;
}

/* CONTENT */
.top {
/*
    position: absolute;
    top: 0;
    width: 100% !important;
*/
}

.cg-flex {
	display: flex;
    height: inherit;
}

.flex-content {
    width: 50%;
    margin: auto;
}

.store-row {
    display: table;
    width:100%
}
.store-cell {
    display: table-cell;
    width:50%
}

.store-left {
    float: left;
}

.store-right {
    float: right;
}

.img-responsive {
    width: 100%;
    height: auto;
}

.img-responsive-store {
    width: 90%;
    height: auto;
}

.text-responsive {
    font-size: 1em;
    text-align: center;
}



@media only screen and (max-width: 875px){
    
    .flex-content {
        margin: 10% auto auto auto;
        width: 80%;
    }
    
}

@media only screen and (max-width: 500px){
    
    .flex-content {
        width: 100%;
    }
    
}