.section1Title {
  font-size: 4rem;
}

.section1Subtitle {
  font-size: 2rem;
}

.section1BGImage {
  width: 100vw;
  height: 100vh;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.75)), to(rgba(0, 0, 0, 0.75))), url("../Images/Pizza.jpg");
  background: linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)), url("../Images/Pizza.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: scroll;
  color: white;
}

.sectionFont {
  font-size: 3rem;
}

.section2BGImage {
  width: 100vw;
  height: 100vh;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.75)), to(rgba(0, 0, 0, 0.75))), url("../Images/Bagel.jpg");
  background: linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)), url("../Images/Bagel.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: scroll;
  color: white;
}

.section3BGImage {
  width: 100vw;
  height: 100vh;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.75)), to(rgba(0, 0, 0, 0.75))), url("../Images/Bagel3.jpg");
  background: linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)), url("../Images/Bagel3.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: scroll;
  color: white;
}

.ourFoodIcon {
  width: 70px;
  height: 70px;
  margin-bottom: 1rem;
}

.socialMediaIcons {
  height: 30px;
  width: 30px;
}

.offWhiteBackground {
  background-color: #F6F6F8;
}

.orderButton {
  width: 100%;
  font-size: 2rem;
  max-width: 500px;
  background-color: #FA3A00;
  color: white;
}

.orderButton:hover {
  color: black;
}

.section1Font {
  width: 100%;
  font-size: 1rem;
}

.section2Font {
  font-size: 1.2rem;
}

@media screen and (min-width: 768px) {
  .section1Font {
    width: 50%;
    font-size: 1.2rem;
  }
  .orderButton {
    width: 50%;
  }
}

@media screen and (min-width: 1140px) {
  .section1BGImage {
    width: 100vw;
    height: 100vh;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.75)), to(rgba(0, 0, 0, 0.75))), url("../Images/Pizza.jpg");
    background: linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)), url("../Images/Pizza.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    color: white;
  }
  .section2BGImage {
    width: 100vw;
    height: 100vh;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.75)), to(rgba(0, 0, 0, 0.75))), url("../Images/Bagel.jpg");
    background: linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)), url("../Images/Bagel.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    color: white;
  }
  .section3BGImage {
    width: 100vw;
    height: 100vh;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.75)), to(rgba(0, 0, 0, 0.75))), url("../Images/Bagel3.jpg");
    background: linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)), url("../Images/Bagel3.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    color: white;
  }
}