 <style>
 body{
 	height: 100%;
 }

h1{
	max-width: 700px;
	margin: 0 auto 30px;
	text-align: center;
	font-family: "Helvetica", monospace;
	line-height: 2;
	height: 800px;
  /* Needed for children to be absolutely positioned relative to the parent. */
  position: relative;
  /* The height of the container. Must be set, but it doesn't really matter what the value is. */
  height: 100vh;
  /* For text formatting. */
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  text-shadow: 0 0 5px #000;
}

a:link, a:visited{
	max-width: 700px;
	margin: 0 auto 30px;
	text-align: center;
	font-family: "Helvetica", monospace;
	line-height: 2;
	height: 800px;
  /* Needed for children to be absolutely positioned relative to the parent. */
  position: relative;
  /* The height of the container. Must be set, but it doesn't really matter what the value is. */
  height: 100vh;
  /* For text formatting. */
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  text-shadow: 0 0 5px #000;
}

p{
	max-width: 700px;
	margin: 0 auto 30px;
	text-align: center;
	font-family: "Helvetica", monospace;
	line-height: 2;
	height: 100%;
}

.bgimg-1{
	  background-image: url("tutoring.jpg");
	  min-height: 100%
	  height: 100%;
	  opacity: 0.65;
	  padding:50px;
	  background-attachment: fixed;
	  background-position: center;
	  background-repeat: no-repeat;
	  background-size: cover;
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
}

.bgimg-2{
  background-image: url("food.jpg");
  min-height: 100%
  height: 100%;
  opacity: 0.65;
  /* Needed for children to be absolutely positioned relative to the parent. */
  position: relative;
  /* The height of the container. Must be set, but it doesn't really matter what the value is. */
  height: 100vh;
  /* For text formatting. */
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  text-shadow: 0 0 5px #000;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

.bgimg-3{
  background-image: url("learning.jpg");
  min-height: 100%
  height: 100%;
  opacity: 0.65;
  /* Needed for children to be absolutely positioned relative to the parent. */
  position: relative;
  /* The height of the container. Must be set, but it doesn't really matter what the value is. */
  height: 100vh;
  /* For text formatting. */
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  text-shadow: 0 0 5px #000;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

.fullbackground{
background-image: : url("tutoring.jpg");

  height: 100%;
  opacity: 0.70;
  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

</style>