html,
body,
div {
    margin: 0px;

    position: relative;
}

body {
    width: 200px;
}

@media screen {
    body {
        width: 100%;
    }
}

#wrapper {
    margin: auto;
    width: 100%;
}

@media (min-width:500px) {
    #wrapper {
        width: 75%;
    }
}

@media (min-width:800px) {
    #wrapper {
        width: 50%;
    }
}


#header,
#main,
#bizCard,#tagLine {
    margin-left: auto;
    margin-right: auto;
}

#header,
#bizCard,
#main,#tagLine {
    width: 100%;

}

#header p {
    width: 100%;
    background-color: lightgray;
    margin: auto;
    text-align: center;
    font-size: .85em;

    font-weight: bold;
}

@media (min-width:700px) {
    #header p {
        font-size: 1.3em;

    }
}

#hours {
    text-align: center;
    font-size: 1.5em;
    margin-bottom: 2em;
    background-color: lightblue;
}

#hours p {
    margin: 5px;
}
.days {font-size: .8em;}


#bizCard {
    width: 100%;
    ;

    margin-bottom: 10px;

}

#bizCard img {
    width: inherit;
    height: inherit;
}

#coLogo {
    color: red;

}

#phoneNum {
    color: red;
    font-size: 24px;
}
#tagLine{    text-align: center;
}