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

.mjx-chtml {font-size: 2.0rem!important}


.MathJax {
font-size: 20.3em!important;
}
body {font-family: "Times New Roman", Georgia, Serif;width:100%;    font-size: 2rem!important;}
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;
}
	.ggbElementClass
	{
	
		width:800px!important;
		/*height:450px!important;*/
	}
@media only screen and (max-width: 1550px) {

	.ggbElementClass
	{
	
		width:700px!important;
		/*height:450px!important;*/
	}
}
@media only screen and (max-width: 1370px) {
	.ggbElementClass
	{
		width:600px!important;
		/*height:400px!important;*/
		
	}
}

@media only screen and (max-width: 1145px) {
	.ggbElementClass
	{
		width:500px!important;
		/*height:375px!important;*/
		
	}
}
@media only screen and (max-width: 1023px) {
	.footer {
	
	}
	.ggbElementClass
	{
		width:100%!important;
		/*height:100%!important;*/
		
	}

}
@media screen and (max-width: 600px) {
       table {
           width:100%;
       }
       thead {
           display: none;
       }
       tr:nth-of-type(2n) {
           background-color: inherit;
       }
       tr td:first-child {
           background: #f0f0f0;
       }
       tbody td {
           display: block;
           text-align:center;
       }
       tbody td:before {
           content: attr(data-th);
           display: block;
           text-align:center;
       }
	   
	   .headerTitle{
		   font-size:1rem!important;
	   }
}