#info_bar {
    grid-area: info_bar;
    text-align: center;
    /*        font-size: 1.5em; moved to index.php*/

}

.OzarkCard {
    grid-area: OzarkCard;
    border: blue 2px solid;
    text-align: center;
    background-color: #eee;
    color: #000;
    box-shadow: 7px 7px 5px -4px rgba(0,0,0,0.5);
}

.NerfCard {
    grid-area: NerfCard;
    border: blue 2px solid;
    text-align: center;
    background-color: #eee;
    color: #000;
    box-shadow: 7px 7px 5px -4px rgba(0,0,0,0.5);
}

.GelBlasterCard {
    grid-area: GelBlasterCard;
    border: blue 2px solid;
    text-align: center;
    background-color: #eee;
    color: #000;
    box-shadow: 7px 7px 5px -4px rgba(0,0,0,0.5);
}

.RetailCard {
    grid-area: RetailCard;
    border: blue 2px solid;
    text-align: center;
    background-color: #eee;
    color: #000;
    box-shadow: 7px 7px 5px -4px rgba(0,0,0,0.5);
}

.BolivarCard {
    grid-area: BolivarCard;
    border: gold 2px solid;
    text-align: center;
    background-color: #eee;
    color: #000;
    box-shadow: 7px 7px 5px -4px rgba(0,0,0,0.5);
}

.PressureRoomCard {
    grid-area: PressureRoomCard;
    border: lightcoral 2px solid;
    text-align: center;
    background-color: #eee;
    color: #000;
    box-shadow: 7px 7px 5px -4px rgba(0,0,0,0.5);
}

.CraftCard {
    grid-area: CraftCard;
    border: lightcoral 2px solid;
    text-align: center;
    background-color: #eee;
    color: #000;
    box-shadow: 7px 7px 5px -4px rgba(0,0,0,0.5);
}
/********** Info Sections **************************/
.OzarkInfo {
    grid-area: OzarkInfo;
/*    border: blue 5px solid;*/
    text-align: center;
/*    background-color: #eee;*/
    color: #000
}
.OzarkCQBPhoto {
    grid-area: OzarkCQBPhoto;
    text-align: center;
}


.BolivarInfo {
    grid-area: BolivarInfo;
    border: gold 1px solid;
    text-align: center;
    background-color: #eee;
    color: #000;
    
}

/***********************Footer*******************/

#footer {
    grid-area: footer;
}

/***********************Wrapper*******************/

.wrapper {
    display: grid;
/*    grid-gap: 1em;*/
    grid-gap: 10px;
    grid-template-areas:
    "header"
    "info_bar"
    "OzarkCard"
    "GelBlasterCard"
    "NerfCard"
    "OzarkCQBPhoto"
    "OzarkInfo"
    "OzarkHours"
    "RetailCard"
    "CraftCard"
    "BolivarCard"
    "BolivarInfo"
    "PressureRoomCard"
    "PressureRoomInfo"
    "footer"
}
   
@media only screen and (min-width: 869px)  {
    .wrapper {
	margin: 0 auto;
	grid-gap: 5px;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-areas:
	"header  header  header"
        "info_bar info_bar info_bar"
        "OzarkCard GelBlasterCard NerfCard"
	"RetailCard CraftCard PressureRoomCard"
        "BolivarCard BolivarCard BolivarCard"
        "OzarkCQBPhoto OzarkCQBPhoto OzarkCQBPhoto"
	"OzarkInfo OzarkInfo OzarkInfo"
        "OzarkHours OzarkHours OzarkHours"
        "BolivarInfo BolivarInfo BolivarInfo"
	"footer  footer footer";
    }
    .BolivarInfo {
	text-align: center;
    }
    #info_bar {
/*        font-size: 1.5em; moved to index.php*/
        width: auto;
    }
}

/*******************Boxes********************/

.box {
    border-radius: 5px;
    padding: 10px;
    font-size: 1.5em;
}

.boxInfo {
    border: black 1px solid;
    border-radius: 5px;
/*    font-size: 1.5em;*/
}