body {
	margin: 0;
	font-family: sans-serif;
	padding: 0;
}
/**
 * Navigation Bar for each page
 */
nav {
  width: 100%;
  height: 100px;
  background-color: #0009;
  line-height: 80px;
}

nav ul{
  float: left;
  margin-left: 30px;
}

nav ul li {
  list-style-type: none;
  display: inline-block;
  transition: 0.8s all;
}

nav ul li:hover {
  background-color: #809fff;
}

nav ul li a {
  text-decoration: none;
  color: #fff;
  padding: 30px;
}
/**
 * Everything for Index.html
 */
.hero {
	/* Sizing */
	width: 100vw;
	height: 100vh;

	/* Box */
	display: flex;
	justify-content: center;
	align-items: center;

	/* Text Styles */
	text-align: center;
	color: white;

	/* Background Styles */
	background-image: linear-gradient(rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0.5)), url("image.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.hero h1 {
	/* Text Styles */
	font-size: 5em;

	/* Margins */
	margin-top: 0;
	margin-bottom: 0.5em;
}

.hero .btn {
	/*Positioning and Sizing */
	display: block;
	width: 200px;

	/* Padding and Margins */
	padding: 1em;
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;

	/* Text Styles */
	color: white;
	text-decoration: none;
	font-size: 1.5em;

	/* Border Styles */
	border: 3px solid white;
	border-radius: 20px;
}

/**
 * Everything for products.html
 */

/**
 * Background Styles
 */
 .services {
  width: 100%;
  height: 100vh;
  background-image: linear-gradient(rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0.5)), url("grill.jpg");
  background-size: cover;
  font-family: sans-serif;  
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

/**
 * Center website
 */
.portfolio {
    max-width: 1000px;
    margin: auto;
    color: black;
}

h3 {
    font-size: 50px;
    word-break: break-all;
    color: white;
}

h4 {
	font-size: 22px;
	word-break: break-all;
	color: black;
}


.row {
    margin: 8px -16px;
}

/* padding BETWEEN each column  */

.row > .column {
    padding: 8px;
}

/* Create four equal columns that floats next to each other */
.column {
    float: left;
    width: 25%;
}

/* Clear floats after rows */
.row:after {
    content: "";
    display: table;
    clear: both;
}

/* Content */
.content {
    background-color: #e6e6e6;
    padding: 10px;
    opacity: 0.85;
    color: black;
}

/**
 * Styles for Shop page
 */
.shop{
	width: 100%;
  	height: 100vh;
  	background-image: linear-gradient(rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0.5)), url("bg3.jpg");
  	background-size: cover;
  	font-family: sans-serif;  	
  	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.heading {
	color: white;
	width: 750px;
	margin: 0 auto;
}

.tableshop {
color: white;
font-family: sans-serif;
}


form {
	margin: 0 auto; 
	width: 750px;
	height: 150px;
	color: white;
	line-height: 1.0;
	padding: 20px;
}

input[type=text] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
}

textarea {
	width: 100%;
	height: 100px;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
}

input[type=submit] {
	margin: 0 100px;
	width: 75%;
	height: 2.5em;
}

#choice {
	width: 100%;
	display: flex;
	height: 1.8rem;
}

.fa {
    padding: 20px;
    font-size: 30px;
    width: 50px;
    text-align: center;
    text-decoration: none;
}

/* Add a hover effect */
.fa:hover {
    opacity: 0.7;
}

/* Facebook */
.fa-facebook {
    background: #3B5998;
    color: white;
}

/* Twitter */
.fa-twitter {
    background: #55ACEE;
    color: white;
}

/* YouTube */
.fa-youtube {
  background: #bb0000;
  color: white;
}

.fa-instagram {
  background: #125688;
  color: white;
}

/**
 * reviews.htmnl 
 */
.contact {
	width: 100%;
  	height: 100vh;
  	background-image: linear-gradient(rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0.90)), url("cntcbg.jpg");
  	background-size: cover;
  	font-family: sans-serif;  	
  	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	color: white;
}

.customer_reviews {
	text-align: center;
	font-size: 40px;
}

/**
 * About.html
 */

.about {
  width: 100%;
  height: 100vh;
  background-image: linear-gradient(rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0.5)), url("cater.jpg");
  background-size: cover;
  font-family: sans-serif;  
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.paragraphs {
	padding-left:5em;
	color: white;
}

h1	{
	color: white;
}

h5	{
	color: white;
	font-size: 30px;
}

.about_header {
	text-align: center; 
}

iframe {
   display: block;
   margin: 0 auto;
}