body 
{
font-family :"Times New Roman", Times, serif;
  
font-size: 100%;
background-color: white;
background-image: url("Images/Marblewh.jpg");
text-align:center;
}


}

.p1 {

font-size: 1vw;

}

.p2 {

font-size: 1.5vw;


}



.p3 {

font-size: 2vw;

}

.p4 {

font-size: 3vw;
}

.p5 {

font-size: 4vw;
line-height: 15px;

}

@media screen and (max-width: 992px){
  	.p1{
  	font-size: 2vw;	 
  	}
  	.p2{
  	font-size: 3.5vw;	 
  	}
  	.p3{
  	font-size: 3vw;	 
  	}
  	.p4{
  	font-size: 4vw;	 
  	}
  	.p5{
  	font-size: 4vw;	 
  	}
}

/*
img {
	width: 100%;
	min-width: 0;

}
*/
.boxwhole {
	
  display: flex;
  flex-direction: row;
  padding: 10px;
  background-color: transparent;
  justify-content: center;
}

@media screen and (max-width: 992px){
  	.boxwhole { 
  	flex-direction: column;	 
  	}
}
.boxwholeblue {
  display: flex;
  padding: 10px;
  border: 3px solid blue;
  background-color: transparent;
}

.boxwholeText {
  text-align: left;
  padding: 10px;
  background-color: transparent;
  
  }

.boxhalf {
  
  flex: 6;
  padding: 10px;
  

}

.box25 {
  
  flex: 3;
  padding: 10px;
  

}

.box75 {
  
  flex: 9;
  padding: 10px;
 

}

.stackbox {
	width: 100%;
	
}

.stackbox1{
	font-size: 3vw;
}

.topnav {
  background-color: darkred;
  overflow: hidden;
  position:fixed;
  top: 0;
  width: 100%; 
 
 }

.topnav a {
  color: white;
  text-decoration: none;
  font-size: 2vmax;
  text-align: center;
  padding: .2% 3%;
  
  /*display: inline-block;*/
}

.topnav a:hover {
  background-color: red;
  color: white;
}
/* Add a color to the active/current link */
.topnav a.active {
  background-color: #4CAF50;
  color: white;
}