* 
*{
  box-sizing: border-box;
}

.bodyPrtfl {
	margin: 0px;
  //background-color: #f1f1f1;
  background-color: #3c99dc;
  /*padding: 100px 20px;*/
  font-family: Arial;
  border-top: solid 2px #336699;
  border-bottom: solid 2px #336699;
}

/* Center website */
/*
.main {
  max-width: 1000px;
  margin: auto;
}
*/

h1 {
  font-size: 50px;
  word-break: normal;
}

.rowPrtfl {
  //margin: 8px -16px;
  max-width: 540px;
  margin-bottom: 10px;
}



/* Clear floats after rows 
.rowPrtfl:after {
  content: "";
  display: table;
  clear: both;
}
*/

/* Content */
.content {
  background-color: white;
  padding: 10px;
	box-shadow: 0 1px 80px #777; 
	border: 1px solid #999;
	z-index: -1;
}

/* The "show" class is added to the filtered elements */
.show {
  display: block;
}

/* Style the buttons */
.btn {
  border: none;
  outline: none;
  padding: 12px 16px;
  background-color: white;
  cursor: pointer;
}

/* Add a grey background color on mouse-over */
.btn:hover {
  background-color: #ddd;
}

/* Add a dark background color to the active button */
.btn.active {
  background-color: #666;
   color: white;
}