#catalogtext {
	color:#B77D2B;
	font-size:14pt;
	font-weight:bold;
	line-height:17pt;
	}
@media only screen and (max-width: 880px) {
	#catalogtext {
	color:#B77D2B;
	font-weight:bold;
	font-size: calc(21px + (21 - 14) * ((100vw - 300px) / (1600 - 300))) !important;
	line-height: calc(1.1em + (1.4 - 1.1) * ((100vw - 300px)/(1600 - 300)));
	transition: all 0.2s ease 0s;
	}
}


#coursemaintitletext {
	color:#3f3f3f;
	font-size:23pt;
	font-weight:bold;
	line-height:24pt;
	font-family:Century Gothic;
	}
@media only screen and (max-width: 880px) {
#coursemaintitletext {
	color:#3f3f3f;
	font-weight:bold;
	font-family:Century Gothic;
	font-size: calc(34px + (34 - 23) * ((100vw - 300px) / (1600 - 300))) !important;
	line-height: calc(1.3em + (1.5 - 1.3) * ((100vw - 300px)/(1600 - 300)));
	transition: all 0.2s ease 0s;
	}
}

#coursedescriptiontext {
	color:#3f3f3f;
	font-size:17pt;
	line-height:22pt;
	}
@media only screen and (max-width: 880px) {
#coursedescriptiontext {
	color:#3f3f3f;
	font-size: calc(25px + (25 - 17) * ((100vw - 300px) / (1600 - 300))) !important;
	line-height: calc(1.1em + (1.4 - 1.1) * ((100vw - 300px)/(1600 - 300)));
	transition: all 0.2s ease 0s;
	}
}

#plsnoticetext {
	color:#3F3F3F;
	font-size:16pt;
	font-weight:bold;
	line-height:21pt;
	}
@media only screen and (max-width: 880px) {
#plsnoticetext {
	color:#3F3F3F;
	font-weight:bold;
	font-size: calc(24px + (24 - 16) * ((100vw - 300px) / (1600 - 300))) !important;
	line-height: calc(1.1em + (1.4 - 1.1) * ((100vw - 300px)/(1600 - 300)));
	transition: all 0.2s ease 0s;
	}
}

#coursedivtitletext {
	text-align:left;
	font-size:25pt;
	color:#B77D2B;
	line-height:26pt;
	}
@media only screen and (max-width: 880px) {
#coursedivtitletext {
	text-align:left;
	color:#B77D2B;
	font-size: calc(37px + (37 - 25) * ((100vw - 300px) / (1600 - 300))) !important;
	line-height: calc(1.4em + (1.4 - 1.2) * ((100vw - 300px)/(1600 - 300)));
	transition: all 0.2s ease 0s;
	}
}



body {
  overflow-x:hidden;
}

*::-webkit-scrollbar {
  width: 26px;
  margin-left:20px;
  margin-top:10px;
}
*::-webkit-scrollbar-track {
  background: transparent;        
}
*::-webkit-scrollbar-thumb {
  background-color: purple;   
  background-clip: content-box;
  border-radius: 12px;      
  border: 7px solid transparent;  
}
* {
  scrollbar-width: thick;
  scrollbar-color: purple transparent;
}