@import url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,500;0,700;1,400&family=Electrolize&family=Philosopher:wght@400;700&family=Raleway:wght@400;700&family=Rokkitt:wght@400;500;700&display=swap');

.clsCompName {
	font-family: 'Cormorant', serif;
	font-size:250%;
}

.clsMenu {
	
}

.clsMenu {
	list-style-type:none;
	position: sticky;
	top: 0px;
	background: #0059B3;
	margin: 0;
}

.clsMenu li a {
	text-decoration: none;
	vertical-align: middle;	
  line-height: 2em;
  color: inherit;
}

.clsMenu li{
	display:inline-block;
	width: 24%;
	height: 2em;
	text-align: center;
	color: whitesmoke;
}

.clsMenu li:hover{
	background: whitesmoke;
	color: #0059B3;
	box-shadow: 0px 0px 15px #0059B3 inset;
}

@media screen and (max-width:800px){
	  .clsMenu {
		font-size:65%;
	}
}

.clsParallax {
  /* Full height */
  /*height: 100%; /* change this value crop the image */

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size:auto 100%;/**/
}

.clsTxtBack {
	background-color: rgba(245,245,245,0.85);
	display:inline-block;
	font-family: 'Philosopher', sans-serif;
	text-align:left;
	padding-left: 10px;
	padding-right: 10px;
	margin-top:5em;
	padding: 1em;
}

.clsHide {
	display:none;
}

.clsComp2 {
	font-family: 'Raleway', sans-serif;
}
.clsComp3 {
	font-family: 'Philosopher', sans-serif;
}
.clsComp4 {
	font-family: 'Electrolize', sans-serif;
}
.clsTitleFont {
	font-family: 'Cormorant', serif;

}

#imgDustColl {
	height: 400px;
}

#imgABLogix1 {
	height: 500px;
}

#imgABLogix2 {
	height: 500px;
}

/* -------------------------------- */

.clsAlignLeft   {text-align:left;}
.clsAlignCenter {text-align:center;}
.clsAlignRight  {text-align:right;}
.clsAlignJustify{text-align:justify;}
.clsAlignTop {vertical-align:top;}
.clsAlignMiddle {vertical-align:middle;}
.clsAlignBottom {vertical-align:bottom;}