/* Navigation Bar start */
.navContainer {
	width: device-width;
	font-size: 25px;
	font-weight: bold;
	background: #4eaed5;
	margin: 0%;
	padding: 0.55% 2.50%;
	position: sticky;
	top: 0;
}

.navContainer img { /* Convert Company Logo to White for visibility */
	filter: grayscale(100%) brightness(500%);
}

.tabs {
	float: right;
	font-size: 25px;
	font-weight: bold;
  background: #4eaed5;
	display: inline-block;
	margin: 0% 2.5%;
	padding: 0% 2.50%;
	position: relative;
	text-decoration: none;
  background: #4eaed5;
}

nav {
	background: #4eaed5;
	width: 100%;
}

.active {
	color: #f4f4f4;
}

.stick {
	position: fixed;
	padding: 0% 0%;
	top: 0%;
	width: 100%;
	background: #4eaed5;
}
 /* Navigation Bar end */

/* Main start */
body { 
	font-family: Helvetica;
	text-align: center;
	background-color: #f4f4f4; /* off-white background */
}

.text{
	text-align: center;
}

.content {
	margin: 0% 1% 0% 1%;
}

.content h2 {
	font-size: 2.5em;
	text-decoration-line: overline underline;
	text-decoration-color: #4eaed5;
}

img { /* Convert Company Logo to White for visibility */
	filter: grayscale(100%) brightness(500%);
}

.content h4{
	margin: auto;
	font-style: none; /* Needed for text decoration to work */
	text-decoration-line: overline underline;
	/* text-decoration-color: #4eaed5; */
	text-decoration-color: #2989af;
}

.module {
	position: relative;
/*	overflow: hidden; */
	width: 90%;
	padding-top: 75%;
	margin: auto;
}

.noClick {
	pointer-events: none;
}

/* commented out for trying out single row of modules for mobile
.module tr:nth-child(even){
	text-align: center;
}

.module tr:nth-child(odd){
	text-align: center;
}
*/