body {
  background-color: #011D33;
  overflow-x: clip;
}

.line-element-main {
  border-top: 1.5px solid #DDDEE7;
  color: #011D33;
}

.line-element {
  border-right: 1.5px solid #DDDEE7;
  color: #011D33;
  margin-right: 20px;
}

/*search bar start*/
.search {
  display: flex;
  justify-content: space-between;
  position: relative;
  margin-top: 1.5em;
}
.search input {
  background-color: #011D33;
  border: 2px solid #FF7639;
  padding-right: 2em;
  padding-left: 1em;
  color: #DDDEE7;
  font-family: aboreto;
  height: 2em;
}
@media (min-width: 1000px) {
  .search input {
    height: 3em;
    margin-top: 2em;
  }
}
.search label {
  position: absolute;
  color: #DDDEE7;
  font-family: aboreto;
  margin-top: 0.2em;
}
@media (min-width: 600px) {
  .search label {
    margin-top: 0.5em;
  }
}
@media (min-width: 700px) {
  .search label {
    margin-top: 0.2em;
  }
}
@media (min-width: 900px) {
  .search label {
    margin-top: 0.2em;
    font-size: 1.2em;
  }
}
@media (min-width: 1000px) {
  .search label {
    margin-top: 1em;
    font-size: 2em;
  }
}
.search img {
  position: absolute;
  margin-top: 0.3em;
  height: 1.3em;
}
@media (min-width: 1000px) {
  .search img {
    margin-top: 2.5em;
    height: 2em;
  }
}
@media (min-width: 1500px) {
  .search img {
    height: 2.2em;
    margin-top: 2.5em;
  }
}

header a {
  padding-top: 1em;
}

header {
  padding-top: 1em;
  margin-bottom: 2em;
}
@media (min-width: 800px) {
  header {
    margin-bottom: 4em;
  }
}

/*search bar end*/
/*primary nav start*/
nav ul {
  list-style-type: none;
  display: flex;
  margin-top: -1em;
  margin-bottom: 3em;
}
@media (min-width: 900px) {
  nav ul {
    margin-bottom: 7em;
  }
}

.home-nav a {
  color: #DDDEE7;
  text-decoration: none;
  font-family: aboreto;
  font-size: 0.5em;
}
@media (min-width: 576px) {
  .home-nav a {
    font-size: 0.7em;
  }
}
@media (min-width: 700px) {
  .home-nav a {
    font-size: 1em;
  }
}
@media (min-width: 900px) {
  .home-nav a {
    font-size: 1.2em;
  }
}
@media (min-width: 1160px) {
  .home-nav a {
    font-size: 1.8em;
  }
}

.home-nav a:hover {
  color: #FF7639;
}

.home-nav a.active {
  color: #FF7639;
}

/*primary nav end*/
/*404 page style start*/
.four-top h1 {
  color: #DDDEE7;
  font-family: aboreto;
  font-size: 1.1em;
  margin-top: -1em;
  padding-left: 1em;
}
@media (min-width: 700px) {
  .four-top h1 {
    font-size: 1.8em;
  }
}
@media (min-width: 1000px) {
  .four-top h1 {
    font-size: 2.2em;
    padding-left: 1.5em;
  }
}

.four-top h2 {
  font-family: poppins;
  color: #DDDEE7;
  font-weight: 300;
  margin-top: 3em;
  font-size: 0.9em;
  padding-left: 0.5em;
}
@media (min-width: 700px) {
  .four-top h2 {
    font-size: 1.4em;
  }
}
@media (min-width: 1000px) {
  .four-top h2 {
    font-size: 2.2em;
    padding-left: 1.5em;
  }
}

.four-top h3 {
  font-family: poppins;
  color: #DDDEE7;
  font-weight: 300;
  margin-top: 2em;
  font-size: 0.6em;
  padding-left: 0.5em;
}
@media (min-width: 700px) {
  .four-top h3 {
    font-size: 0.9em;
  }
}
@media (min-width: 1000px) {
  .four-top h3 {
    font-size: 1.2em;
    padding-left: 1em;
  }
}

.four-top h4 {
  background-color: #DDDEE7;
  font-size: 1em;
  margin-top: 2em;
  margin-bottom: 4em;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  border-radius: 7px;
}
@media (min-width: 700px) {
  .four-top h4 {
    font-size: 0.9em;
    padding-top: 0.7em;
    padding-bottom: 0.7em;
  }
}
@media (min-width: 900px) {
  .four-top h4 {
    font-size: 2em;
    padding-top: 0.8em;
    padding-bottom: 0.8em;
  }
}
@media (min-width: 1000px) {
  .four-top h4 {
    font-size: 1.2em;
  }
}

.four-top a {
  color: #011D33;
  text-decoration: none;
  font-family: aboreto;
}

.four-top h4:hover {
  background-color: #FF7639;
  color: #DDDEE7;
}

.four-top a:hover {
  text-decoration: none;
  font-family: aboreto;
}

/*404 page style end*/
/*footer start*/
footer {
  background-color: #DDDEE7;
}

footer ul {
  color: #FF7639;
  font-size: 0.7em;
  display: flex;
  justify-content: space-around;
  padding-top: 2em;
}
@media (min-width: 700px) {
  footer ul {
    font-size: 1em;
    justify-content: space-evenly;
  }
}
@media (min-width: 1000px) {
  footer ul {
    font-size: 1.2em;
  }
}

footer a {
  text-decoration: none;
  color: #011D33;
  font-family: aboreto;
}

footer a:hover {
  text-decoration: none;
  color: #FF7639;
  font-family: aboreto;
}

.foot-bottom {
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
}

.foot-bottom a {
  margin-left: 0.2em;
}

.foot-bottom h3 {
  color: #011D33;
  font-family: poppins;
  font-weight: 200;
  font-size: 0.6em;
  letter-spacing: 0.02em;
  margin-left: 2em;
}
@media (min-width: 700px) {
  .foot-bottom h3 {
    font-size: 0.8em;
  }
}
@media (min-width: 1000px) {
  .foot-bottom h3 {
    font-size: 1em;
  }
}

footer span {
  color: #011D33;
  font-family: poppins;
  font-weight: 200;
  font-size: 0.6em;
  letter-spacing: 0.02em;
  margin-left: 1.4em;
}
@media (min-width: 700px) {
  footer span {
    font-size: 0.8em;
  }
}
@media (min-width: 1000px) {
  footer span {
    font-size: 1em;
  }
}

.foot-bottom .large-icons {
  height: 2em;
}

/*footer end*/
/*homepage start*/
.img-home-top {
  position: relative;
  margin-top: 1em;
}

.text-home-top {
  position: absolute;
  margin-top: 3em;
}

.text-home-top h1 {
  color: #DDDEE7;
  font-family: aboreto;
  font-size: 5em;
}
@media (min-width: 700px) {
  .text-home-top h1 {
    font-size: 9em;
  }
}
@media (min-width: 900px) {
  .text-home-top h1 {
    font-size: 10em;
  }
}
@media (min-width: 1000px) {
  .text-home-top h1 {
    font-size: 12em;
  }
}
@media (min-width: 1100px) {
  .text-home-top h1 {
    font-size: 13em;
  }
}

.text-home-top h2 {
  color: #DDDEE7;
  font-family: poppins;
  font-size: 0.7em;
  font-weight: 400;
}
@media (min-width: 700px) {
  .text-home-top h2 {
    font-size: 1.1em;
  }
}
@media (min-width: 900px) {
  .text-home-top h2 {
    font-size: 1.4em;
  }
}
@media (min-width: 1000px) {
  .text-home-top h2 {
    font-size: 1.5em;
  }
}
@media (min-width: 1100px) {
  .text-home-top h2 {
    font-size: 1.6em;
  }
}

.recipes-home h3 {
  color: #DDDEE7;
  font-family: aboreto;
  font-size: 1.5em;
  margin-top: 4em;
}
@media (min-width: 1200px) {
  .recipes-home h3 {
    font-size: 4em;
    margin-top: 2em;
  }
}

.recipes-home h4 {
  color: #DDDEE7;
  font-family: poppins;
  font-weight: 300;
  font-size: 0.6em;
  margin-bottom: 3em;
}
@media (min-width: 700px) {
  .recipes-home h4 {
    font-size: 1.2em;
  }
}
@media (min-width: 1200px) {
  .recipes-home h4 {
    font-size: 1.5em;
  }
}

.img-home-four-top {
  margin-bottom: 2em;
}

.img-home-four-bottom {
  margin-bottom: 2em;
}
@media (min-width: 900px) {
  .img-home-four-bottom {
    margin-bottom: 3em;
  }
}

.recipes-home h5 {
  color: #011D33;
  font-size: 0.7em;
  font-family: aboreto;
  padding-top: 0.8em;
  padding-bottom: 0.2em;
}
@media (min-width: 1000px) {
  .recipes-home h5 {
    font-size: 1em;
  }
}

.recipes h4 {
  color: #DDDEE7;
  font-family: poppins;
  font-weight: 300;
  font-size: 0.6em;
  margin-bottom: 3em;
}
@media (min-width: 700px) {
  .recipes h4 {
    font-size: 1.2em;
  }
}
@media (min-width: 1200px) {
  .recipes h4 {
    font-size: 1.5em;
  }
}

.recipes-home a {
  background-color: #DDDEE7;
  text-decoration: none;
  border-radius: 10px;
}

.recipes-home a:hover {
  background-color: #FF7639;
  color: #DDDEE7;
}

.month-home h3 {
  color: #DDDEE7;
  font-family: aboreto;
  font-size: 1.2em;
  margin-top: 4em;
  margin-bottom: 1em;
}
@media (min-width: 1200px) {
  .month-home h3 {
    font-size: 3em;
    margin-top: 2em;
  }
}

.car-img-bottom-home {
  background-color: #DDDEE7;
  margin-top: 4em;
  padding: 3em;
  position: absolute;
  margin-left: 1.5em;
}
@media (min-width: 500px) {
  .car-img-bottom-home {
    padding: 5.5em;
    margin-left: 2em;
    margin-top: 5em;
  }
}
@media (min-width: 600px) {
  .car-img-bottom-home {
    padding: 5.9em;
    margin-left: 2em;
    margin-top: 5em;
  }
}
@media (min-width: 700px) {
  .car-img-bottom-home {
    padding: 6em;
    margin-left: 3em;
    margin-top: 5em;
  }
}
@media (min-width: 800px) {
  .car-img-bottom-home {
    padding: 7em;
    margin-left: 4.5em;
    margin-top: 5em;
  }
}
@media (min-width: 900px) {
  .car-img-bottom-home {
    padding: 9em;
    margin-left: 4.5em;
    margin-top: 5em;
  }
}
@media (min-width: 1000px) {
  .car-img-bottom-home {
    padding: 9em;
    margin-left: 4em;
    margin-top: 5em;
  }
}
@media (min-width: 1400px) {
  .car-img-bottom-home {
    padding: 11em;
    margin-left: 6em;
    margin-top: 5em;
  }
}
@media (min-width: 1700px) {
  .car-img-bottom-home {
    padding: 17em;
    margin-left: 7em;
    margin-top: 5em;
  }
}
@media (min-width: 2000px) {
  .car-img-bottom-home {
    padding: 23em;
    margin-left: 7em;
    margin-top: 5em;
  }
}

.background-bottom-home {
  position: relative;
  margin-bottom: 12em;
}
@media (min-width: 700px) {
  .background-bottom-home {
    margin-bottom: 12em;
  }
}
@media (min-width: 1400px) {
  .background-bottom-home {
    margin-bottom: 12em;
  }
}

.carm-home-title {
  font-family: aboreto;
  color: #011D33;
  font-size: 1em;
  margin-top: 1em;
}
@media (min-width: 600px) {
  .carm-home-title {
    font-size: 1.3em;
    margin-top: 1.3em;
  }
}
@media (min-width: 1200px) {
  .carm-home-title {
    font-size: 2em;
    margin-top: 2em;
  }
}

.month-home-time {
  border-top: #FF7639 solid 2px;
  margin-bottom: 2em;
  padding-left: 1em;
}
@media (min-width: 700px) {
  .month-home-time {
    padding-left: 6em;
  }
}
@media (min-width: 1000px) {
  .month-home-time {
    padding-left: 7em;
  }
}
@media (min-width: 1400px) {
  .month-home-time {
    padding-left: 15em;
  }
}

.month-home-time img {
  margin-top: 1em;
  font-family: poppins;
  font-weight: 600;
}

.month-home-time h4 {
  margin-top: 1.5em;
  font-size: 0.8em;
}
@media (min-width: 500px) {
  .month-home-time h4 {
    margin-top: 1.5em;
    font-size: 1em;
  }
}
@media (min-width: 1000px) {
  .month-home-time h4 {
    margin-top: 1.5em;
    font-size: 1.2em;
  }
}

.background-bottom-home a {
  text-decoration: none;
}

.background-bottom-home h5 {
  font-family: aboreto;
  color: #DDDEE7;
  background-color: #011D33;
  border-radius: 5px;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  font-size: 0.6em;
  text-decoration: none;
}
@media (min-width: 1400px) {
  .background-bottom-home h5 {
    padding-top: 0.4em;
    padding-bottom: 0.4em;
    font-size: 0.9em;
  }
}

.background-bottom-home h5:hover {
  background-color: #FF7639;
  color: #DDDEE7;
}

/*homepage end*/
/*featured page starts*/
.img-top-feature {
  position: absolute;
}

.feature-text-top h1 {
  position: relative;
  color: #DDDEE7;
  font-family: aboreto;
  font-size: 1em;
  margin-top: 3em;
  margin-left: 1.3em;
}
@media (min-width: 500px) {
  .feature-text-top h1 {
    margin-top: 3em;
    font-size: 1.2em;
  }
}
@media (min-width: 700px) {
  .feature-text-top h1 {
    margin-top: 2.8em;
    font-size: 1.7em;
  }
}
@media (min-width: 900px) {
  .feature-text-top h1 {
    margin-top: 2.8em;
    font-size: 2em;
  }
}
@media (min-width: 1100px) {
  .feature-text-top h1 {
    margin-top: 2.8em;
    font-size: 2.4em;
    margin-left: 1em;
  }
}
@media (min-width: 1400px) {
  .feature-text-top h1 {
    margin-top: 2.8em;
    font-size: 3em;
    margin-left: 1em;
  }
}
@media (min-width: 1800px) {
  .feature-text-top h1 {
    margin-top: 2.8em;
    font-size: 4em;
    margin-left: 1em;
  }
}
@media (min-width: 2200px) {
  .feature-text-top h1 {
    margin-top: 2.8em;
    font-size: 5em;
    margin-left: 1em;
  }
}

.featured-home h2 {
  color: #DDDEE7;
  margin-top: 7em;
  font-size: 0.5em;
  font-family: poppins;
  font-weight: 400;
  text-align: center;
  line-height: 1.8em;
  padding-left: 2em;
}
@media (min-width: 500px) {
  .featured-home h2 {
    margin-top: 10em;
  }
}
@media (min-width: 600px) {
  .featured-home h2 {
    margin-top: 10em;
    font-size: 0.7em;
  }
}
@media (min-width: 800px) {
  .featured-home h2 {
    margin-top: 12em;
    font-size: 0.7em;
  }
}
@media (min-width: 1000px) {
  .featured-home h2 {
    margin-top: 12em;
    font-size: 0.9em;
  }
}
@media (min-width: 1000px) {
  .featured-home h2 {
    margin-top: 12em;
    font-size: 1.2em;
  }
}
@media (min-width: 1600px) {
  .featured-home h2 {
    margin-top: 12em;
    font-size: 1.4em;
  }
}
@media (min-width: 1800px) {
  .featured-home h2 {
    margin-top: 11em;
    font-size: 1.8em;
  }
}
@media (min-width: 2100px) {
  .featured-home h2 {
    margin-top: 11em;
    font-size: 2.3em;
  }
}
@media (min-width: 2600px) {
  .featured-home h2 {
    margin-top: 11em;
    font-size: 2.6em;
  }
}

.directions-group {
  color: #DDDEE7;
  text-decoration: none;
  margin-top: 6em;
  margin-bottom: 4em;
}
@media (min-width: 1500px) {
  .directions-group {
    margin-top: 8em;
    margin-bottom: 9em;
  }
}

.ingredients h3 {
  font-size: 0.7em;
  font-family: poppins;
  font-weight: 600;
  margin-bottom: 3em;
}
@media (min-width: 900px) {
  .ingredients h3 {
    font-size: 1em;
    margin-bottom: 1.5em;
  }
}
@media (min-width: 1500px) {
  .ingredients h3 {
    font-size: 1.8em;
    margin-bottom: 1.5em;
  }
}

.ingredients h4 {
  font-size: 0.7em;
  font-family: poppins;
  font-weight: 400;
}
@media (min-width: 900px) {
  .ingredients h4 {
    font-size: 0.9em;
  }
}
@media (min-width: 1500px) {
  .ingredients h4 {
    font-size: 1.5em;
    margin-bottom: 1.5em;
  }
}

.ingredients {
  height: 400px;
  overflow-y: scroll;
}

.ingredients p {
  font-size: 0.7em;
  font-family: poppins;
  font-weight: 200;
}
@media (min-width: 900px) {
  .ingredients p {
    font-size: 0.9em;
    margin-bottom: 1em;
  }
}
@media (min-width: 1500px) {
  .ingredients p {
    font-size: 1.3em;
    margin-bottom: 1.2em;
  }
}

.directions h3 {
  font-size: 0.7em;
  font-family: poppins;
  font-weight: 600;
  margin-bottom: 3em;
}
@media (min-width: 900px) {
  .directions h3 {
    font-size: 1em;
    margin-bottom: 1.5em;
  }
}
@media (min-width: 1500px) {
  .directions h3 {
    font-size: 1.8em;
    margin-bottom: 1.5em;
  }
}

.directions h4 {
  font-size: 0.7em;
  font-family: poppins;
  font-weight: 400;
  margin-bottom: 1em;
}
@media (min-width: 900px) {
  .directions h4 {
    font-size: 1em;
    margin-bottom: 1.5em;
  }
}
@media (min-width: 1500px) {
  .directions h4 {
    font-size: 1.5em;
    margin-bottom: 1.5em;
  }
}

.directions p {
  font-size: 0.7em;
  font-family: poppins;
  font-weight: 200;
}
@media (min-width: 900px) {
  .directions p {
    font-size: 0.9em;
    margin-bottom: 1em;
  }
}
@media (min-width: 1500px) {
  .directions p {
    font-size: 1.3em;
    margin-bottom: 1.2em;
  }
}

.directions {
  height: 400px;
  overflow-y: scroll;
}

.featured-img-bottom {
  margin-bottom: 3em;
}

.img-feat-mobile-top {
  margin-bottom: 2em;
}

.images-bottom-desk-feature {
  margin-bottom: 6em;
}

.img-top-three-feat {
  margin-bottom: 3em;
}

/*featured page end*/
/*recipe page*/
/*secondary nav*/
.second-nav-small {
  display: flex;
  justify-content: space-evenly;
}

.second-nav-small a {
  color: #DDDEE7;
  text-decoration: none;
  font-family: poppins;
  font-weight: 400;
  font-size: 0.5em;
}
@media (min-width: 576px) {
  .second-nav-small a {
    font-size: 0.7em;
  }
}
@media (min-width: 700px) {
  .second-nav-small a {
    font-size: 1em;
  }
}
@media (min-width: 900px) {
  .second-nav-small a {
    font-size: 1.2em;
  }
}
@media (min-width: 1160px) {
  .second-nav-small a {
    font-size: 1.8em;
  }
}

.second-nav-small a:hover {
  color: #FF7639;
}

.second-nav {
  display: flex;
  justify-content: space-evenly;
}
@media (min-width: 800px) {
  .second-nav {
    display: flex !important;
    justify-content: space-evenly;
  }
}

.second-nav a {
  color: #DDDEE7;
  text-decoration: none;
  font-family: poppins;
  font-weight: 400;
  font-size: 0.5em;
}
@media (min-width: 576px) {
  .second-nav a {
    font-size: 0.7em;
  }
}
@media (min-width: 700px) {
  .second-nav a {
    font-size: 1em;
  }
}
@media (min-width: 900px) {
  .second-nav a {
    font-size: 1.2em;
  }
}
@media (min-width: 1160px) {
  .second-nav a {
    font-size: 1.8em;
  }
}

.second-nav a:hover {
  color: #FF7639;
}

/*secondary nav*/
.mangia-top-recipes h1 {
  color: #DDDEE7;
  font-family: aboreto;
  font-size: 1.5em;
  padding-left: 1em;
}
@media (min-width: 1000px) {
  .mangia-top-recipes h1 {
    font-size: 4em;
  }
}

.mangia-top-recipes h2 {
  font-family: poppins;
  color: #DDDEE7;
  text-align: center;
  font-size: 0.7em;
  margin-top: 1.5em;
  font-weight: 400;
  padding-left: 2em;
  margin-bottom: -3em;
}
@media (min-width: 1000px) {
  .mangia-top-recipes h2 {
    font-size: 1.3em;
    padding-left: 3em;
    margin-bottom: 0em;
  }
}

.recipes h3 {
  color: #DDDEE7;
  margin-top: 3em;
  font-size: 0.5em;
  font-family: aboreto;
}
@media (min-width: 900px) {
  .recipes h3 {
    font-size: 2.8em;
  }
}

.breakfast-group {
  display: flex;
  overflow-x: scroll;
  margin-bottom: -3em;
}

.breakfast-group h4 {
  font-size: 0.8em;
  margin-top: 1.3em;
  text-align: center;
}

.breakfast-img-1 {
  margin-right: 1em;
}
.breakfast-img-1 h4 {
  margin-right: 20px;
}

.breakfast-img-2 {
  margin-right: 1em;
}
.breakfast-img-2 h4 {
  margin-right: 20px;
}

.breakfast-img-3 {
  margin-right: 1em;
}
.breakfast-img-3 h4 {
  margin-right: 20px;
}

.breakfast-img-4 {
  margin-right: 1em;
}
.breakfast-img-4 h4 {
  margin-right: 20px;
}

.lunch-group {
  display: flex;
  overflow-x: scroll;
  margin-bottom: -3em;
}

.lunch-group h4 {
  font-size: 0.8em;
  margin-top: 1.3em;
  text-align: center;
}

.lunch-img-1 {
  margin-right: 1em;
}
.lunch-img-1 h4 {
  margin-right: 20px;
}

.lunch-img-2 {
  margin-right: 1em;
}
.lunch-img-2 h4 {
  margin-right: 20px;
}

.lunch-img-3 {
  margin-right: 1em;
}
.lunch-img-3 h4 {
  margin-right: 20px;
}

.lunch-img-4 {
  margin-right: 1em;
}
.lunch-img-4 h4 {
  margin-right: 20px;
}

.app-group {
  display: flex;
  overflow-x: scroll;
  margin-bottom: -3em;
}

.app-group h4 {
  font-size: 0.8em;
  margin-top: 1.3em;
  text-align: center;
}

.app-img-1 {
  margin-right: 1em;
}
.app-img-1 h4 {
  margin-right: 20px;
}

.app-img-2 {
  margin-right: 1em;
}
.app-img-2 h4 {
  margin-right: 20px;
}

.app-img-3 {
  margin-right: 1em;
}
.app-img-3 h4 {
  margin-right: 20px;
}

.app-img-4 {
  margin-right: 1em;
}
.app-img-4 h4 {
  margin-right: 20px;
}

.dinner-group {
  display: flex;
  overflow-x: scroll;
  margin-bottom: -3em;
}

.dinner-group h4 {
  font-size: 0.8em;
  margin-top: 1.3em;
  text-align: center;
}

.dinner-img-1 {
  margin-right: 1em;
}
.dinner-img-1 h4 {
  margin-right: 20px;
}

.dinner-img-2 {
  margin-right: 1em;
}
.dinner-img-2 h4 {
  margin-right: 20px;
}

.dinner-img-3 {
  margin-right: 1em;
}
.dinner-img-3 h4 {
  margin-right: 20px;
}

.dinner-img-4 {
  margin-right: 1em;
}
.dinner-img-4 h4 {
  margin-right: 20px;
}

.des-group {
  display: flex;
  overflow-x: scroll;
  margin-bottom: 6em;
}

.des-group h4 {
  font-size: 0.8em;
  margin-top: 1.3em;
  text-align: center;
}

.des-img-1 {
  margin-right: 1em;
}
.des-img-1 h4 {
  margin-right: 20px;
}

.des-img-2 {
  margin-right: 1em;
}
.des-img-2 h4 {
  margin-right: 20px;
}

.des-img-3 {
  margin-right: 1em;
}
.des-img-3 h4 {
  margin-right: 20px;
}

.des-img-4 {
  margin-right: 1em;
}
.des-img-4 h4 {
  margin-right: 20px;
}

.breakfast-group-large h4 {
  font-size: 1.8em;
  margin-top: 1.3em;
  text-align: center;
}

.lunch-group-large h4 {
  font-size: 1.8em;
  margin-top: 1.3em;
  text-align: center;
}

.app-group-large h4 {
  font-size: 1.8em;
  margin-top: 1.3em;
  text-align: center;
}

.dinner-group-large h4 {
  font-size: 1.8em;
  margin-top: 1.3em;
  text-align: center;
}

.dessert-group-large h4 {
  font-size: 1.8em;
  margin-top: 1.3em;
  text-align: center;
}

.breakfast-group-large {
  display: flex;
  overflow-x: scroll;
  margin-bottom: -3em;
  width: 1200px;
}

@media (min-width: 1000px) {
  .recipes-home h3 {
    font-size: 2em;
  }
}

.breakfast-group-large h4 {
  margin-left: 20px;
}

.breakfast-group-large img {
  margin-top: 2em;
  width: 350px;
  height: 450px;
}

.large:hover {
  opacity: 60%;
}

.lunch-group-large {
  display: flex;
  overflow-x: scroll;
  margin-bottom: 6em;
  width: 900px;
}

.lunch-group-large h4 {
  margin-left: 20px;
}

.lunch-group-large img {
  margin-top: 2em;
  width: 350px;
  height: 450px;
}

.app-group-large {
  display: flex;
  overflow-x: scroll;
  margin-bottom: 6em;
  width: 1200px;
}

.app-group-large h4 {
  margin-left: 20px;
}

.app-group-large img {
  margin-top: 2em;
  width: 350px;
  height: 450px;
}

.dinner-group-large {
  display: flex;
  overflow-x: scroll;
  margin-bottom: 6em;
  width: 1200px;
}

.dinner-group-large h4 {
  margin-left: 20px;
}

.dinner-group-large img {
  margin-top: 2em;
  width: 350px;
  height: 450px;
}

.des-group-large {
  display: flex;
  overflow-x: scroll;
  margin-bottom: 6em;
  width: 1200px;
}

.des-group-large h4 {
  margin-left: 20px;
}

.des-group-large img {
  margin-top: 2em;
  width: 350px;
  height: 450px;
}

/*end recipe page*//*# sourceMappingURL=main.css.map */