.left-green { color: #73bf44 }
  .middle-turquoise { color: #35ac96 }
  .right-blue { color: #029cdc }

  p,
  h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
  }

  a.green-btn,
  button.green-btn {
	border: none;
	display: inline-block;
	font-family: "quasimoda", sans-serif;
	color: white;
	background-color: #70b840;
	text-transform: uppercase;
	padding: 1.75rem 4rem;
	border-radius: 1.5rem;
  }

  a.green-btn img,
  button.green-btn img {
	width: 35px;
	margin-right: 1rem;
  }

  a.green-btn:hover,
  button.green-btn {
	text-decoration: none;
  }

  #banner {
	background: url('/jpgx/w/1920/p/Images/HomeSC/2024/03/gigup-grants/grants-header-16.jpg');
	background-position: left;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	/*min-height: 580px; this matches psd, changed per client request */
	min-height: 500px;
	padding: 2rem;
	background-size: cover;
  }

  /* overwriting template */
  #banner:before {
	background: none;
  }
  #banner img.logo {

	position: absolute;
	top: 0%;
	left: 3%;
  }


  #banner .copy.desktop {
	display: none;
  }

  #banner h1,
  .copy.mobile h1 {
	color: #333;
	font-size: 70px;
	font-family: 'Bebas Neue', sans-serif;
	text-transform: uppercase;
  }

  .copy.mobile {
	padding: 3rem 1rem;
	text-align:center
  }

  #banner p,
  .copy.mobile p {
	color: #333;
	font-size: 16px;
	font-weight: 300;
  }
  @media(max-width: 576px) {

	#banner img.logo {
	  width: 100%;
	  position: relative; 
	  top: 0; 
	  left: 0; 
	  margin: auto; 
	}
	#banner {
	  min-height: 300px;
	  background-size: 400%;
	  background-position: -20px;
	}
	#slider-section .slide {
	  height: 900px;
	}

	#slider-section .slide .content p {
	  font-size: 16px;
	}
  }

  @media(min-width: 1200px) {
	.copy.mobile {
	  display: none;
	}

	#banner {
	  background-position: center;
	}

	#banner h1 {
	  font-size: 96px;
	}

	#banner .copy.desktop {
	  display: block;
	  width: 30%;
	  margin-left: 60%;
	  text-align: center;
	}

	#banner .copy.desktop p {
	  font-size: 20px;
	}
  }
  

/*To add space under the building-for-the-future section*/
   section#building-for-the-future {
    margin-bottom: 50px;
}

  @media(min-width: 1500px) {
	/*#banner {
	  background-position: bottom left;
	}*/
  }

  @media(min-width: 1700px) {



	#banner .copy.desktop {
	  margin-left: 50%;
	  width: 40%;
	}

	#banner .copy.desktop p {
	  font-size: 24px;
	  line-height: 3rem;
	}
  }

  /* BAR */
  #bar {
	background: linear-gradient(to right, #73bf44, #35ac96, #029cdc);
	padding: 2rem 0;
  }

  #bar .row {
	padding-top: 1rem;
  }

  #bar .content {
	display: flex;
	justify-content: center;
	align-items: center;
  }

  #bar a:hover {
	text-decoration: none;
  }

  #bar h2 {
	font-family: 'quasimoda', sans-serif;
	font-size: 24px;
	font-weight: bold;
	display: inline;
	color: white;
	text-transform: uppercase;
  }

  #bar button {
	display: inline;
	background: transparent;
	border: none;
	padding: 0;
	width: 35px;
	margin-left: 1rem;
	position: relative;
	bottom: 3px;
  }
  @media(max-width: 576px) {
	#bar h2 {
	  font-size: 21px;
	}
	#bar button {
	  width:30px;
	}
  }

  /* WHO WE ARE */
  #who-we-are {
	padding: 5rem 0 0;
  }

  #who-we-are h3 {
	font-size: 28px;
	color: #333;
	margin-bottom: 1rem;
  }

  #who-we-are p {
	font-size: 18px;
	font-weight: 300;
	margin-bottom: 1rem;
  }

  #who-we-are p.top {
	font-weight: 300;
	text-transform: uppercase;
  }

  #who-we-are a.green-btn {
	margin-top: 1rem;
  }

  /* BUILDING FOR THE FUTURE */
  #building-for-the-future h3 {
	font-size: 28px;
	color: #333;
	margin-bottom: 1rem;
  }

  #building-for-the-future p {
	font-size: 18px;
	font-weight: 300;
	margin-bottom: 1rem;
  }

  #building-for-the-future p.top {
	font-weight: 300;
	text-transform: uppercase;
  }

  #building-for-the-future p.total-investment {
	font-size: 30px;
	font-weight: bold;
	background: linear-gradient(to right, #73bf44, #35ac96, #029cdc);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-style:italic;
	margin-bottom:3rem;
  }

  #building-for-the-future .learn-more {
	font-size: 22px;
	border: none;
	color: white;
	background-color: #70b840;
	padding: 1.5rem 4rem;
	border-radius: 3.5rem;
	margin-top:1rem;
  }
  #building-for-the-future .learn-more a {
	font-size: 22px;
	border: none;
	color: white;	
  }
  #building-for-the-future .learn-more span {
	position: relative;
	top: 0px;
	text-transform: uppercase;
	font-weight: 300;
  }

  #building-for-the-future button.disclaimer {
	margin: 3rem 0;
	border: none;
	background: none;
	font-style: italic;
	text-decoration: underline;
	color: grey;
	padding: 0;
  }

  /* BOXES */
  #boxes {
	margin: 2rem 0;
  }
  #boxes .container {
	max-width: 1400px;
  }

  #boxes .step {
	font-size: 20px;
	font-weight: bold;
	color: white;
	background: #1a3f71;
	text-transform: uppercase;
	text-align: center;
	padding: 1rem 0 2.5rem 0;
	border-radius: 20px;
	width: 60%;
	margin: 0 auto;
	z-index: -1;
	position: relative;
	top: 4rem;
  }

  #boxes .box {
	border: 2px solid #efefef;
	border-radius: 20px;
	background: white;
	padding: 1rem;
	text-align: center;
	margin: 2rem 0;
  }

  #boxes .full {
	display: none;
  }

  #boxes .box img {
	margin-bottom: 1rem;
  }

  #boxes .box h4 {
	font-family: 'quasimoda', sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #333;
  }

  #boxes .box p {
	font-family: 'quasimoda', sans-serif;
	font-weight: 300;
	font-size: 16px;
	color: #333;
	margin-bottom: 1rem;
  }

  #boxes .box button {
	color: #333;
	font-style: italic;
	text-decoration: underline;
	border: none;
	background: none;
  }

  #boxes .box button.see-less {
	display: none;
  }

  @media(min-width: 1024px) {
	#boxes .box {
	  min-height: 250px;
	}
  }

  #boxes a.green-btn {
	display: inline-block;
  }

  /* DISCLAIMER MODAL */
  #disclaimer-modal .modal-content{
	padding: 40px 30px;
  }

  #disclaimer-modal .modal-body {
	font-style: italic;
  }

  #disclaimer-modal button.close {
	position: absolute;
	top: 20px;
	right: 20px;
	border: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background: none;
  }

  #disclaimer-modal button > svg {
	color: #b7b8b7;
  }

  /* SLIDER */
  #slider .learn-more {
	display: none;
	font-size: 18px;
	font-weight: 300;
	width: 800px;
	max-width: 90%;
	margin: 0 auto 3rem auto;
	color: white
  }

  #slider .slider,
  #slider .slider .slide {
	/*height: calc(100vh - 135px);*/
	height: 1400px;
  }

  #slider .slide {
	padding: 10rem 0 4rem 0;
  }

  #slider .slide .container {
	display: flex;
	flex-direction: column;
	align-items: center;
  }

  @media(min-width: 576px) {

	#slider .slider,
	#slider .slider .slide {
	  height: 1200px;
	}

  }

  @media(min-width: 768px) {

	#slider .slider,
	#slider .slider .slide {
	  height: 820px;
	}

  }

  @media(min-width: 1200px) {

	#slider .slider,
	#slider .slider .slide {
	  /*height: 80vh;*/
	}

	#slider .slide .container {
	  flex-direction: row;
	  align-items: flex-start;
	}
  }

  #slider .slide .container .top {
	text-align: center;
	color: white;
	font-size: 24px;
	border-top-left-radius: 2rem;
	border-top-right-radius: 2rem;
	padding: 2rem;
	background-color: rgba(112, 184, 64, .9);
  }

  #slider .slide .container .top span {
	position: relative;
	top: 3px;
  }

  #slider .slide .container .lower {
	border-bottom-left-radius: 2rem;
	border-bottom-right-radius: 2rem;
	padding: 2rem 5rem;
	background-color: rgba(255, 255, 255, .9);
	margin-bottom: 5rem;
  }

  #slider .slide .container .lower p {
	font-size: 20px;
	color: #333;
  }

  @media(max-width:576px) {

	#slider .slide .container .lower {
	  padding: 2rem;
	}
	#slider .slide .container .lower p {
	  font-size: 18px;
	  color: #333;
	}
	#slider .slider, #slider .slider .slide {
	height: 1200px;
}
  }
  #slider .slide .container .lower p span.price,
  #slider .slide .container .lower p.im-a-ul {
	font-weight: 300;
  }

  #slider .slick-arrow {
	height: 30px;
	width: 30px;
	position: absolute;
	color: transparent;
	background-size: contain;
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: center;
	z-index: 10;
  }

  #slider .slick-prev {
	top: calc(50% - 21px);
	left: 3rem;
	border: 0;
	background-image: url('/Images/HomeSC/2024/03/gigup-grants/previous-arrow.png');	
  }

  #slider .slick-next {
	top: calc(50% - 21px);
	right: 3rem;
	border: 0;
	background-image: url('/Images/HomeSC/2024/03/gigup-grants/next-arrow.png');	
  }

  #slider button.cta img {
	display: inline;
  }

  #slider .slider .slide .image {
	width: 35%
  }

  #slider .slider .slide .image img {
	margin: 0 auto 2rem auto;
  }

  #slider .slider .slide .content {
	width: 65%
  }

  .slider .slide {
	background-size: cover;
	background-repeat: no-repeat;
  }

  .slider .slide.one {
	background-image: url('/Images/HomeSC/2024/03/gigup-grants/usda-reconnect-1-bg.jpg');
  }

  .slider .slide.two {
	background-image: url('/Images/HomeSC/2024/03/gigup-grants/ors-rural-broadband-bg.jpg');
  }

  .slider .slide.three {
	background-image: url('/Images/HomeSC/2024/03/gigup-grants/ors-capital-grant-fund-bg.jpg');
  }

  .slider .slide.four {
	background-image: url('/Images/HomeSC/2024/03/gigup-grants/dorchester-county-arpa.jpg');
  }

  .slider .slide.five {
	background-image: url('/Images/HomeSC/2024/03/gigup-grants/ors-cares-bg.jpg');
  }

  .slider .slide.six {
	background-image: url('/Images/HomeSC/2024/03/gigup-grants/usda-reconnect-4.jpg');
  }
  .anchor {
	margin-top: -150px;
	position: absolute;
  }

  .cta img {display:inline !important}
  .cta {text-decoration:none;}