#headline {
	padding: 3rem 0;
}

#body #headline .intro-content {
	background-color: rgba(0, 0, 0, 0.75);
}

#headline .intro-content ul {
	list-style: none;
	font-size: 16px;
	text-shadow: 0px 2px 1px rgba(0,0,0,0.8);
	line-height: 2em;
	margin-top: -.5em;
}

#headline .intro-content ul > li:before {
	box-shadow: 0px 2px 1px rgba(0,0,0,0.4);
	border-radius:1px;
	content: "";
	display: inline-block;
	height: 12px;
	width: 12px;
	user-select: none;
	pointer-events: none;
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	background-color: #e41c34;
	margin-right: 1rem;
	margin-top: .5rem;
  transform: translateY(.15rem);
}

#body #headline .intro-content a.btn {
	text-shadow: none;
	transform: translateY(-2rem);
}


#headline .intro-content {
		text-shadow: 0px 2px 1px rgba(0,0,0,0.8);
}

#headline h1 {
  line-height: 1.1 !important;
  text-transform: none;
}

.portfolio-content .num-dot {
  margin-bottom: 1rem;
  margin-top: -1rem;
}

#products .product .img-wrap img {
  max-width: 245px;
  padding-right: 10px;
  margin-bottom: 12px;
}

h3 > sup {
	top: -.75em;
	font-size: 50%;
}


@media (min-width:769px) and (max-width: 992px) {

	#products .product .img-wrap {
		overflow: hidden;
		height: 36rem;
  }

	#products .product .img-wrap img {
	 	 max-width: 60%;
     padding: 0px;
     margin: 0 auto;
     margin-top: 2rem;
     float: none !important;
     max-height: 34rem;
	}

	#products .product .product-content {
		padding-top: 0;
	}

  #benefits .benefits-wrapper {
    width: calc(100% - 6em);
    margin-left: 3em; margin-right: 3em;
  }
  #benefits #portfoliolist .portfolio-content {
    padding-left: 1em;
    padding-right: 1em;
    font-size: 14px;

  }


  #benefits #portfoliolist .portfolio .portfolio-wrapper {
    height: 390px;
  }

	#products .product .product-content p {
		min-height: 31rem;
	}


}


@media (min-width:768px) {
	#products .product-content a.btn {
		font-size: 20px !important;
		margin: 0 auto !important;
		max-width: 20rem;
		margin-top: 1rem !important;
		float: none;
		min-width: 80%;
	}

}

@media (min-width:1000px)  {

	#products .product .product-content {
		max-width:100%;
	}

	#products .product .product-content p {
		min-height: 21rem;
	}

  #headline p {
    font-size: 19px;
		line-height: 1.5;
  }

  #products .product .img-wrap img {
    max-width: 169px;
		max-height: 380px;
  }

	#products .product h3 {
		font-size: 2rem !important;
	}

  #products .products-wrapper div:nth-child(2) .img-wrap {
    padding-left: 20px;
  }
}

@media (min-width: 513px) and (max-width: 667px) {
	#body .masthead .navbar .container-fluid .navbar-header-fixed .mobile {
		background-color: transparent !important;
	}
}

#body #headline .intro-content {
	padding-bottom: 6rem;
}

@media (max-width: 767px) {
  .welcome-cont .promo a.division-jumper {
	 padding-top: 0 !important;
	 margin-top: 0 !important;
	 line-height: 18px;
 }
	#headline .btn {
		line-height: 3rem !important;
	}
	#headline .intro-content {
		margin-top: 3rem;
	}

	#headline .scroll-down a.btn {
		width:48px;
		height: 48px;
		line-height: 48px !important;
		display:inline-block;
	}

  #headline h1 br {
		display: none;
	}

  #headline h1 {
    line-height: 1 !important;
		font-size: 8.5vw !important;
		margin-bottom: 3rem;
  }
	#body .bar h2 {
		font-size: 5vw !important;
	}
}

@media (min-height: 901px) and (max-height:1080px) {
	#body #headline .intro-content {
    padding-bottom: 8rem;
}


@media (min-width: 601px) and (max-width: 667px) {
	#products .products-wrapper .product .img-wrap {
		height: 46vw !important;
	}
}


@media (min-width: 601px) and (max-width: 768px) {
	#headline {
		max-height: inherit;
		padding: 0;
	}
}

#products .products-wrapper {
  display: flex;
  position: relative;
  flex-direction: row;
  justify-content: space-between;
}

#products .products-wrapper > .col-sm-6.wow {
  width: 32%;
}

@media (min-width:1200px) {
	#products .product-content h3 {
		font-size: 2.5rem !important;
	}
	#products .product-content .img-wrap img {
		margin-left: 25%;
	}
}

#products .products-wrapper div:nth-child(2) .img-wrap {
  padding-left: 0 !important;
}

@media (max-width: 767px) {
  #products .product .product-content {
    max-width : inherit;
  }
  #products .product .product-content > p {
    font-size: 14px;
  }
  #products .products-wrapper > .col-sm-6.wow {
    padding-left: .5em;
    padding-right: .5em;
  }
}


@media (max-width: 600px) {
  #products .products-wrapper {
    flex-direction: column;
  }
  #products .products-wrapper .product .product-content {
    width: 50%;
  }
  #products .products-wrapper  .product .img-wrap {
    width: 50%;
    height:100%;
  }
  #products .products-wrapper .product .product-content > p {
    font-size: 14px;
  }
  #products .products-wrapper > .col-sm-6.wow {
    padding-left: 1.5em;
    padding-right: 1.5em;
    width:100%;
    max-width:100%;
  }
  #products .products-wrapper > div .img-wrap a {
    max-height: 100%;
  }
  #products .products-wrapper .product .product-content a.btn {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    float: left;
    line-height: 2;
    font-size: 18px !important;
    margin-left: 0;
    margin-top: 1em;
    margin-bottom: 1em;
  }
}

@media (max-width: 400px) {
  #products .products-wrapper .product .product-content {

      width: 50%;

  }
}

@media (min-width: 601px) and (max-width: 992px) {
	#primary-cta .btn {
		line-height: 5rem;
	}
}

@media (min-width: 601px) and (max-width: 768px) {
	#body #products .product-content {
		padding-top: .5em;
	}
	#products .products-wrapper div .product .img-wrap {
		height: 36rem;
	}
  #products .products-wrapper div .product .img-wrap a {
		max-height: 36rem !important;
	}
  #products .product .img-wrap img {
		max-width: 50%;
		margin-left: 15% !important;
	}

  #products .product .product-content > p {
		min-height: 30rem;
	}
  #products .product h3 {
	    min-height: 3rem;
	}
  #products .product a.btn {
		margin-left: 15px;
		font-size: 14.8px !important;
		margin: 0 auto !important;
		float: none;
		display: block;
		line-height: 3rem;
		margin-bottom: 1rem !important;
	}
}