﻿/* =============================
 Fluid Columns (3)
   =============================*/
.col-1of1 iframe {
    float: left;
    width: 90%;
    min-width:400px;
    min-height:300px;
    max-width:1024px;
    /*width="600" height="450"*/
}
.col-1of2-span1 {
    float: left;
    width: 0;
}

.col-2of2-span1 {
    float: right ;
    width: 90%;
}

.col-2of3-span1 {
    float: left;
    width: 31%;
}

.col-3of3 {
    float: left;
    width: 31%;
}
.col-1of3-span3 {
    float:left;
    width:96%;
}

.row:after {
    content: ' ';
    clear: both;
    display: block;
}

.wrapper {
    padding-left: 15px;
    padding-right: 15px;
    max-width: 1024px;
    margin: 0 auto;
}

.info-label {
    max-width: 300px;
    min-width: 135px;
}

.text-entry {
    max-width: 724px;
    min-width: 300px;
    padding: 1%;
    margin: 1%;
}

.label-feedback {
    font-weight: bold;
}

.phone-link {
    text-decoration:none;
}

/* ===============================
    MEDIA QUERY MODS
   ===============================*/

@media only screen and (min-width: 600px) {
    
}

@media only screen and (min-width: 768px) {
    .image-store {
        max-width: 408px;
        min-width: 250px;
        height: 306px;
        align-content: center;
        background-image: url("../img/dbs_store.jpg");
    }
    .col-1of2-span1 {
        float: left;
        width: 48%;
    }

    .col-2of2-span1 {
        float: right;
        width: 36%;
    }
    .col-1of1 iframe {
        float: left;
        width: 90%;
        min-width: 600px;
        min-height: 450px;
        max-width: 1024px;
        /*width="600" height="450"*/
    }
}

@media only screen and (min-width: 1140px) {
}


/* ===============================
    Images
   ===============================*/




