body {
  background-color: #ffffff;
font-family: 'Quicksand', sans-serif;
  font-size: 100%;
  font-style: normal;
  font-weight: lighter; }

section {
  padding-top: 90px; }


img.POSTER20 {
  height: 100%;
  width: 75%;
  padding-top: 20px; }

h1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff; }


img.Animation {
  padding-top: 20px; }



div.carousel {
  padding-top: 20px; }


a:hover {
  color: red; }

button {
  padding-top: 20px;
  background: none;
  border: none; }


body.index-page {
  background-image: url("../img/street-feast-index-2.png");
  background-size: contain;
  background-repeat: no-repeat; }

a.Index-link-1 {
  font-size: 38px;
  color: red;
	font-weight: bold;

          
}


a.Index-link-1:hover {
  text-decoration: line-through;
  text-decoration-color: #000000;
}

a.Index-link-2 {
  font-size: 38px;
  color: red;

	font-weight: normal;

}


a.Index-link-2:hover {
  text-decoration: line-through;
  text-decoration-color: #000000;
}


div.index {
	padding-bottom: 120px;
	padding-left: 30px;
}



.navbar-light .navbar-nav .nav-link:hover {
  color: red; }

nav {
  background-color: #ffffff; }




.info-para {
	font-size: 24px;
}

.blog-text {
	font-size: 14px;
	padding-top: 20px;
}

.blog-text-short {
	font-size: 14px;
}

.blog-image {
	padding-top: 20px;
}

.blog-info {
	font-size: 11px;
	font-style: italic;
}

.modal-title{
	font-weight: bold;
}

.text-1:hover {
	color: red;
	
}

.recipe-text {
	font-size: 14px;
	padding-top: 20px;
}

.recipe-info {
	font-size: 11px;
	font-style: italic;
}

.recipe-text-ingredients {
	font-size: 14px;
	padding-top: 10px;
}


.recipe-image {
	padding-top: 20px;
}

h2 {
	font-size: 18px;
	font-weight: bold;
}

h3{
	font-size:16px;
	font-weight: bold;
}