* {
  box-sizing: border-box;
}
.button {
  background-color:#3579f6;  
  padding-top:.75em;
  padding-bottom:.75em;
  padding-left:4.5em;
  padding-right:4.5em;
  text-decoration:none;
  color:#ffffff;
  font-size:1.2em;
  border-radius: 4px;
}
.button-long {
  background-color:#3579f6;  
  padding-top:.75em;
  padding-bottom:.75em;
  padding-left:.5em;
  padding-right:.5em;
  text-decoration:none;
  color:#ffffff;
  font-size:1.2em;
  border-radius: 4px;
}
a:hover.button, a:hover.button-long {
  text-decoration:none;
  color:#ffffff;
  background-color: #2c67d2;
}
.button-container {
  text-align:center;
}
.section-title-dark {
	font-size: 3.75em;
	color:#65686f;
	font-weight:100;
	line-height:1em;
  padding-left: 10px;
  width:100%;
  max-width:1250px;
  margin-left:auto;
  margin-right:auto;
}
.section-title-light {
	font-size: 3.75em;
	color:#fefefe;
	font-weight:100;
	line-height:1em;
  padding-left: 10px;
  width:100%;
  max-width:1250px;
  margin-left:auto;
  margin-right:auto;
}
.section-div {
  padding: 80px 20px;
}
.section-div-light {
  padding: 80px 20px;
  background-color: #fefefe;
  width:100%;
}
.strong-white {
	font-weight:800;
	font-size:1.2em;
	color:#f9f9f9;
}
.strong-white-hero-text {
	font-weight:900;
	font-size:7.5em;
	line-height: 1em;
	height:170px;
	color:#f9f9f9;
	font-stretch: semi-condensed;
	padding:0;
/*	border:1px solid #ffff00;*/
}
.section-text-dark {
  font-size:1.55em;
  font-weight:200;
  color: #65686f;
  text-align: center;
  max-width:1000px;
  margin:80px auto 40px;
}
div.intro-text {
  font-size:1.55em;
  font-weight:200;
  color: #909090;
  text-align: center;
  max-width:1000px;
  margin:-80px auto 60px;
}

.section-text-light {
  font-size:1.55em;
  font-weight:200;
  color: #fefefe;
  text-align: center;
  max-width:1000px;
  margin:80px auto 40px;
}
.spacer-100 {
  height:100px;
}
.spacer-50 {
  height:50px;
}
.section-div-dark {
  padding: 80px 10px;
  background-color: #ECECEC;
}
.section-div-darker {
  padding: 80px 10px;
  background-color: #979797;
}
.section-div-footer {
  padding: 40px 10px;
  background-color: #979797;
}
.section-div-irri-footer {
  padding: 0px 10px;
  background-color: #2c2c2c;
}
div .p-l-20 {
  padding-left:20px;
}
.clear-both {
  clear:both;
}
.footer-link {
  color:#ececec;
}
a:hover .footer-link {
  color:#ffffff;
  text-decoration: underline;
}
p {
  margin-bottom: 40px;
}

.text-title {
  line-height:1em;
  font-size:1.75rem;
  font-weight:150;
  margin-bottom: 50px;
}

.page-banner-div {
  height:420px;display: flex;align-content: center;
}

.page-title-div {
  font-size:3.75rem;line-height:3.75rem;font-weight:80;color:#ffffff;width:600px;margin: auto;text-align: center;
}

/*  MATERIAL ICON */
<style>
.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 100,
  'GRAD' 0,
  'opsz' 24
}
</style>