html {
	background-color: floralwhite;
}

body {
	/* Skeleton layout for page */
	display: grid;
	grid-template-areas:
	"navbar navbar"
	"main about"
    "review review"
	"footer footer";

	/* Size of columns and rows */
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto 1.5fr 1fr auto;

	margin-top: 0px;
	min-height: 100vh;
}

nav {
	grid-area: navbar;

	position: sticky;
	top: 0;

	background-color: floralwhite;
	border-bottom: 1px solid black;
}


main {
	grid-area: main;
}


/* Offer Content */
.view_offer_body {
    padding: 0 10vw;
}

.offers_container {
	display: flex;
	flex-wrap: wrap;
}

.offer {
	width: 1fr;
	height: 1fr;
	border: none;
}

.offer_image img {
	display: block;	
	margin-right: auto;

	width: 512px;
	height: 512px;
}
 /* END Offer Content */

/* -------- */

/* Reviews */
review {
    grid-area: review;
    border-top: 1px solid black;
	font-size: larger;

}


.reviews_container {
    overflow: scroll;
    height: 250px;
}

.review {
    margin: 5px;
	padding: 5px;
    width: 1fr;
    height: auto;
    border: 1px solid black;
}
.review ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.review_image img {
	display: block;	
	margin-left: 0;
	margin-right: 2px;
	padding-right: 2px;

	width: 10vw;
	height: 10vw;
}

.review_name {
    font-weight: bold;
}

/* Font size not working???? */
.review_content {
	font: 200px;
}

.add_review {
    float: right;
}

.review_text_box {
    height: 50px;
    width: 30vw;
    white-space: wrap;
}
/* END Reviews */

/* -------- */

footer {
	grid-area: footer;
	border-top: 1px solid black;
	border-right: 0;
}