html {
  height: 100%;
  box-sizing: border-box;
}

body {font-family: "Times New Roman", Georgia, Serif;width:100%;}
h1, h2, h3, h4, h5, h6 {
  font-family: "Playfair Display";
  letter-spacing: 5px;
 position: relative;
  margin: 0;
  padding-bottom: 6rem;
  height: 100%;
  
  text-align: justify;
  text-justify: inter-word;
}
input[readonly] {
  background-color: Gray;
}
#page-container {
  position: relative;
  min-height: 94vh;
}

#content-wrap {
  padding-bottom: 3rem;    /* Footer height */
}


.footer {
  position: absolute;
 bottom: 0;
 right:0;
 left:0;
  padding: 1rem;
  height: 3rem;
  background-color: #efefef;
  text-align: center;
  z-index:10000000px;
}

#contentText
{
	margin-left:2rem;
	margin-right:1rem;
}
	
	#ggb-element
	{
	
		width:800px!important;
		/*height:450px!important;*/
	}
@media only screen and (max-width: 1550px) {

		#ggb-element
	{
	
		width:800px!important;
		/*height:450px!important;*/
	}
}
@media only screen and (max-width: 1370px) {
	#ggb-element
	{
		width:700px!important;
		/*height:400px!important;*/
		
	}
}

@media only screen and (max-width: 1145px) {
	#ggb-element
	{
		width:550px!important;
		/*height:375px!important;*/
		
	}
	.headerTitle{
		
		font-size:1rem!important;
	}
}
@media only screen and (max-width: 1023px) {
	.footer {
	
	}
	#ggb-element
	{
		
		width:100%!important;
		/*height:100%!important;*/
		
	}
	.headerTitle{
		
		font-size:0.9rem!important;
	}

}