@charset "utf-8";
/* -----------------------
Layout for new look - June 2020
------------------------*/
#allyouneed {
	position: relative;
	width: 118%;
	padding-bottom: 85%;
	margin: 95px 0px 0px -45px;
	overflow: hidden;
}
#allyouneed svg { 
	display: inline-block;
	position: absolute;
	top: 0; left: 0;
}

.btn {
  padding: 14px 28px 14px 28px;
  border: 0;
  border-radius: 10px;
  font-weight: 300;
  letter-spacing: .9px;
  text-transform: uppercase;
}

.paynews {
	background-image: url("/images/misc/read-the-payroll-news.jpg");
	padding: 120px 101px 6px 25px;
	position:absolute;
	margin: -78px 0px 50px 0px;
}

.container-fluid {
  max-width: 1680px;
}

.jumbotron {
  text-align: center;
  background-image: url("/images/header/header-wide.jpg");
  background-size: cover;
  background-position: center top;
  min-height: 400px;
  max-width: 1680px;
  margin-bottom: 0px;
  padding: 0px 0px 48px 0px;
}

.jumbotron-div {
  padding: .5px 25px 5px 25px;
}

.jumbotron-msg {
/*  padding: 50px 5% 0 40%; */
  padding: 0px 46% 0 0%;
  text-shadow: 2px 2px 3px #333;
}

.hangingindent {
  padding-left: 22px ;
} 

.jumbotron h1,
.jumbotron .h1 {
  font-size: 60px;
  color: #FFF;
  margin-bottom: 20px;
  font-weight: normal;
}

.jumbotron p {
  margin-bottom: 30px;
  font-size: 24px;
  font-weight: 300;
  color: #FFF;
}

.transparent-white {
/*    background: rgba(0, 70, 125, 0.4); */
    text-shadow: 5px 5px 5px #75;
    border-radius: 35px;
/*	margin-right: 10%; */
}
/*
@media screen and (max-width: 768px) {

  .jumbotron {
	background-image: url("/images/header/header.jpg");
	padding-left: 20px;
    padding-right: 20px;
    min-height: 600px;
    max-height: 600px;
  }
}
*/
@media screen and (max-width: 768px) {

#allyouneed {
	position: relative;
	width: 100%;
	padding-bottom: 75%;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
}
  .jumbotron-msg {
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .jumbotron {
	background-image: url("/images/header/header.jpg");
	padding-left: 20px;
    padding-right: 20px;
    min-height: 600px;
    max-height: 600px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 42px;
  }
  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-left: 20px;
    padding-right: 20px;
  }
.paynews {
	display: none;
}
}

@media screen and (max-width: 412px) {

  .jumbotron-div {
    padding: 10px 10px 5px 10px;
  }
  .jumbotron-msg {
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .jumbotron {
  background-image: url("/images/header/header-mobile.jpg");
	padding-left: 20px;
    padding-right: 20px;
    min-height: 600px;
    max-height: 600px;
  }
  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-left: 20px;
    padding-right: 20px;
  }
  .jumbotron p {
    font-size: 20px;
  }
.paynews {
	display: none;
}  
}