@charset "UTF-8";
/* CSS Document */

body,h1,h2,h3,h4,h5,h6 {font-family: "Lato", sans-serif;}
		body, html {
		  height: 100%;
		  color: #777;
		  line-height: 1.8;
		}

		/* Create a Parallax Effect */
		.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4, .bgimg-5 {
		  background-attachment: fixed;
		  background-position: center;
		  background-repeat: no-repeat;
		  background-size: cover;
		}

		/* First image (Logo. Full height) */
		.bgimg-1 {
		  background-image: url('https://tranquilbodycare.com/images/beach.jpg');
		  min-height: 100%;
		}

		/* Second image (Services) */
		.bgimg-2 {
		  background-image: url("https://tranquilbodycare.com/images/services.jpg");
		  min-height: 400px;
		}

		/* Third image (Packages) */
		.bgimg-3 {
		  background-image: url("https://tranquilbodycare.com/images/massage2.jpg");
		  min-height: 400px;
		}
		
		/* Fourth image (Contact) */
		.bgimg-4 {
		  background-image: url("https://tranquilbodycare.com/images/tranquility.jpg");
		  min-height: 400px;
		}
		
		/* Fifth image (Schedule) */
		.bgimg-5 {
		  background-image: url("https://tranquilbodycare.com/images/beach2.jpg");
		  min-height: 400px;
		}

		.w3-wide {letter-spacing: 10px;}
		.w3-hover-opacity {cursor: pointer;}

		/* Turn off parallax scrolling for tablets and phones */
		@media only screen and (max-device-width: 1600px) {
		  .bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4, .bgimg-5 {
			background-attachment: scroll;
			min-height: 400px;
		  }
		}

footer {
	background-color: #cc33ff; 
	color: #ffffff
}

#myNavbar {
	color: #ffffff;
	opacity: 100;
}