@charset "UTF-8";
/* CSS Document */

.unavailable { color:#F00; }

.bgred { background-color:rgba(240,0,0,.6);}
.bgblue { background-color:rgba(0,158,255,.6);}
.colors { color: #E0DA00; }
.bggreen { background-color:rgba(65,207,77,.6);}
.bgyellow { background-color:rgba(244,220,0,.6) }

body { text-align: center; margin-top: 12px; font-family: Arial, Helvetica, sans-serif; background-color: #9DC6E6;}
p {display:block; margin-left:auto; margin-right:auto; line-height: 1.4em; max-width: 560px;}

#AboutDM4B { background-color: #DFF0F6; text-align: left; max-width: 550px; padding-left: 25px; padding-right: 25px; margin-left: auto; margin-right: auto; padding-top: 20px; padding-bottom: 20px;}

#AboveTable {max-width: 1020px; text-align: right;}

.airtable-embed {max-width: 1020px; margin-bottom: 100px;}
#AboutDM4B {margin-bottom: 100px; padding-top: 20px, padding-bottom: 20px;}

#PhoneBtn { position:fixed; bottom: 57px; left: 30px; z-index: 30;  }

footer {position: fixed; left: 0; right: 0; bottom: 0; min-height: 70px; box-sizing: border-box; background-color: #3C74BC; padding: 6px 0 3px 0; font-size: .88em; color: #ffffff; white-space: nowrap;}
footer a { color: #C1FFBB; text-decoration: none;}
footer a:visited { color: #DCCDCD; text-decoration: none;}

@media only screen and (min-width : 320px) {
.itemZone { min-height: 250px;}
    }
    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
.itemZone { min-height: 250px;}
    }
    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
.itemZone { min-height: 370px;}
.prodDesc { height: 170px; }
    }
    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
.itemZone { min-height: 420px;}
.prodDesc { height: 150px; }
    }
    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
.itemZone { min-height: 460px;}
.originFlag {  bottom: 80px!important; margin-bottom: -60px!important; }
    }