/* Style for our header texts
	* --------------------------------------- */
	h1{
		font-size: 5em;
		font-family: arial,helvetica;
		color: #fff;
		margin:0;
		padding:0;
	}

	/* Centered texts in each section
	* --------------------------------------- */
	.section{
		text-align:center;
	}


	/* Backgrounds will cover all the section
	* --------------------------------------- */
	#section1,
	#section2,
	#section3,
	#section4,
	#section5{
		background-size: cover;
	}

	/* Defining each section background and styles
	* --------------------------------------- */
	#section1{
		background-image: url(imgs/bg1.jpg);
		padding: 6% 0 0 0;
	}
	#section2{
		background-image: url(imgs/bg2.jpg);
		padding: 6% 0 0 0;
	}
	#section3{
		background-image: url(imgs/bg3.jpg);
		padding: 6% 0 0 0;
	}
	#section4{
		background-image: url(imgs/bg4.jpg);
		padding: 6% 0 0 0;
	}
	#section5{
		background-image: url(imgs/bg5.jpg);
		padding: 6% 0 0 0;
	}
  
	#section1 h1{
		color: #fff;
	}

   
#section1 p,
#section2 p,
#section3 p,
#section4 p,
#section5 p{
	color: #fff;
}
   
   
  h1   {
		left: 0;
		right: 0;
		margin: 0 auto;
		color: #fff;
    text-shadow: 1px 5px 20px #000;
	}
  
  p{
		text-shadow: 1px 5px 20px #000;
    font-size: 3em;
    padding: 0.2em;
	}

  p a{
			color: #fff;
      text-shadow: 1px 5px 20px #000;
	}

	#infoMenu li a{
			color: #fff;
	}

#menu {
  display:flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  font-size: 1.2rem;
}

#menu li a, #menu li.active a {
    padding: 9px 18px;
    display: inline-flex;
    font-size: 100%;
}
#menu li {
    font-size: larger;
}

.pp-tooltip.right {
    right: 2em;
}
.pp-tooltip {
    font-size: 100%;
}