css
input, textarea, select, button, .btn {
    -webkit-appearance: none;
    appearance: none;
}
@media (min-width: 360px) and (orientation: portrait) {section { padding-top: 8em; }}
@media (min-width: 375px) and (orientation: portrait) {section { padding-top: 8em; }}
@media (min-width: 568px) and (orientation: landscape) {section { padding-top: 5em; }}
@media (min-width: 667px) and (orientation: landscape) {section { padding-top: 5em; }}
@media (min-width: 736px) and (orientation: landscape) {section { padding-top: 5em; }}
@media (min-width: 812px) and (orientation: landscape) {section { padding-top: 6em; }}
@media (min-width: 1024px) and (orientation: portrait) {section { padding-top: 5em; }}
@media (min-width: 1024px) and (orientation: landscape) {section { padding-top: 6em; }}
@media (min-width: 1366px) and (orientation: landscape) {section { padding-top: 6em; }}



body {
	font-family: Montserrat, sans-serif;
		background-image: url('../assets/images/keyboard.jpg');
    color:#000;
    font-size:11pt;
    height:100%;
    //padding-top:120px;
    
    


}

.hover-underline-animation {
  position: relative;
  color: #FFFFFF;
  text-decoration: none;
}

.hover-underline-animation::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #142966; //muted navy
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

.hover-underline-animation:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
} 



.footer-hover-underline-animation {
  position: relative;
  color: #FFFFFF;
  text-decoration: none;
}

.footer-hover-underline-animation::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: yellow; 
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

.footer-hover-underline-animation:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
} 



#link1,#link2,#link3,#link4,#link5,#link6,#link7,#link8   { 
	color:#000;
	text-align:center; 
}

.padlight { padding:2rem;}

button.mainMenuf.navbar-toggler-icon { background:#333;color:#000; }

#main {
//background-color:rgb(255,255,255);opacity:0.85;
padding-top:8px;
}


.navtable { width:100%; background-color:#333; color:#fff;font-size:3em;}
tr.navtable { width:100%; background-color:#333; color:#fff;}
td.navtable { width:100%; text-align:center; background-color:#333; color:#fff;}


section {
	margin-top:2px;
	color:#000;
	font-family: Montserrat, sans-serif;
	font-weight:200;
	}

h3,h5 {
	color:#000;
	font-family: Montserrat, sans-serif;
	//font-size:12pt;
	}

h4 {
	//padding-top:90px;
	color:#000;
	font-family: Montserrat, sans-serif;
	//font-size:14pt;
	}


p  {
	font-family: Montserrat, sans-serif;
	font-size:12pt;
	text-indent:0;
	}
	
li, input, label, button {
	font-family: Montserrat, sans-serif;
	font-size:12pt;
	}

a {
	//padding-top:90px;
	//color:#455564;
	color:#000;
	text-decoration:none !important;
	//text-underline:none !important;

	font-family: Montserrat, sans-serif;
	font-size:12pt;
	text-decoration:none;
 }


.icon-bar {
  position: fixed;
	z-index:99999;
  top:	55%;
	right: 25px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.top-container {
  //background-color: #492dbe;
  padding: 0px;
  font-weight:500;
  text-align: center;
  z-index: 8888;
  width:100%;
}

.header {
  //padding: 10px 16px;
  //background: #fff;
  background: #030303;
  border-bottom: 5px solid silver;
  //color: #f1f1f1;
  color: #000;

  z-index: 888;
  padding-right:0;
}



.navbar li {
 padding-left:.3em;
 padding-right:.3em;
}

.content {
  padding-top: 120px;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}


.sticky + .content {
  //padding-top: 102px;
}
img {
	max-width:100%;
	height:auto;
}


#l8 {
       background-color:#fff;
       padding-top:.8rem;
} 






 /* Fixed/sticky icon bar (vertically aligned 50% from the top of the screen) */
.icon-bar {
  position: fixed;
	z-index:1000;
  top:	55%;
	right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* Style the icon bar links */
.icon-bar a {
  display: block;
  text-align: center;
  padding: 11px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
}

/* Style the social media icons with color, if you want */
.icon-bar a:hover {
  background-color: #baa6a6;
}

.facebook {
  background: #3B5998;
  color: white;

}

.linkedin {
  background: #3B5998;
  color: white;

}


#sidemenu {
	color:#f1f1f1

}

.twitter {
  background: #55ACEE;
  color: white;
}

.google {
  background: #dd4b39;
  color: white;
}

.instagram {
  background: #007bb5;
  color: white;
}

.pinterest {
  background: #bb0000;
  color: white;
}