/****************************Base Styles******************************** */
p {
  font-size: 16px; }

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

/*LAYOUT STYLES */
/****************************Navbar Styles******************************** */
.navbar {
  background-color: rgba(9, 46, 90, 0.4); }

.navbar li a {
  color: white;
  background-color: transparent !important; }

.navbar-nav li a span {
  position: relative;
  color: white;
  text-decoration: none;
  padding-bottom: 1%; }

.navbar-nav li a:hover {
  color: white;
  background-color: transparent !important; }

.navbar-nav li a span:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: -1%;
  left: 0;
  background-color: white;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s; }

.navbar-nav li a span:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1); }

#numberText {
  display: inline; }

li.current a span:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: -1%;
  left: 0;
  background-color: white;
  transform: none;
  visibility: visible; }

/****************************Form Styles******************************** */
/****************************Footer******************************** */
footer {
  padding-top: 2%;
  padding-bottom: 2%;
  background-color: #092e5a;
  color: white; }

.btn-default {
  background-color: #092e5a;
  border: solid 1px #092e5a;
  color: white;
  border-radius: 0;
  text-transform: uppercase; }

.btn-default:hover {
  border: solid 1px #092e5a;
  color: #092e5a; }

.btn-quote {
  background-color: orange;
  border: solid 1px orange;
  color: white;
  border-radius: 0;
  text-transform: uppercase; }

.btn-quote:hover {
  border: solid 1px orange;
  color: orange;
  background-color: white; }

/****************************Home Page Styles******************************** */
#hPMainCont {
  background: white url("../img/Home1.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 100vh;
  margin-top: -100px; }

#hPtitleRow {
  padding-top: 8%;
  padding-left: 5%;
  padding-bottom: 5%;
  color: #092e5a; }

#hPheaderThree .header3col div {
  background-color: rgba(9, 46, 90, 0.4);
  padding: 2% 6%;
  min-height: 350px;
  color: white;
  margin-bottom: 30px;
}

#hPheaderThree h3 {
  padding-bottom: 8%; }

#hPheaderThree .hPheaderThreeMain {
  padding-bottom: 5%; }

#hPheaderThree .hPHeaderThreeButtonP {
  position: absolute;
  bottom: 2%;
  left: 50%;
  transform: translate(-50%, -50%); }

.extraSpace {
  display: none; }

.gasSafeImg {
  float: right;
  margin-top: 10%;
  margin-right: 5%;
  padding-bottom: 8%; }

#hPSecondSecColL {
  background: white url("../img/Home3.jpg") no-repeat center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

#h1Welcome {
  margin-bottom: -1.5%; }

#hPSecondSecColR {
  color: white;
  background-color: rgba(9, 46, 90, 0.4);
  padding: 5% 5%; }

#hPSecondSecColR h2 {
  line-height: 40px;
  padding-right: 15%;
  padding-top: 5%;
  font-weight: 300; }

#hPThirdSecContFluid {
  background: white url("../img/map.jpg") no-repeat top right;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 70vh; }

#hPThirdSecCont #mapCol {
  background-color: rgba(9, 46, 90, 0.4);
  height: 70vh;
  display: table; }

#mapCol h1 {
  display: table-cell;
  vertical-align: middle;
  padding: 0 5%;
  text-align: center;
  color: white;
  font-weight: 300; }

#hPFourthSecContFluid {
  background: white url("../img/Home4.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 70vh; }

#hPFourthCol h1 {
  padding-top: 5%;
  font-weight: 300;
  color: #092e5a;
  line-height: 45px; }

#hPFifthSecCol {
  padding: 5% 0; }

#hPFifthSecCol h2 {
  line-height: 32px; }

#hPFifthSecCol small {
  color: #092e5a; }

#hPSixthSecContFluid {
  background: white url("../img/contactImg.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 50vh; }

#hPSixthSecCont {
  padding-top: 5%;
  padding-bottom: 5%; }

#hPSixthSecCol h1 {
  line-height: 46px; }

#hPContactNumber {
  padding-top: 8%;
  padding-bottom: 8%; }

#hPContactNumber img {
  width: 7%; }

#pLFirstSecContFluid {
  background: white url("../img/plumbingTap.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 100vh;
  margin-top: -100px; }

#pLFirstSecContFluid .mainTextHeader {
  width: 70%;
  padding-top: 10%;
  color: white;
  margin: 0 auto;
  font-weight: 300;
  font-size: 45px;
  line-height: 50px;
  padding-bottom: 20%; }

.headerBox {
  text-align: center;
  color: white;
  background-color: rgba(9, 46, 90, 0.4);
  padding: 2% 5%;
  width: 80%;
  margin: 0 auto; }

.headerBox h2 {
  font-weight: 300;
  line-height: 40px; }

.gasSafeImgPlumb {
  float: right;
  margin-top: 10.5%;
  margin-right: 5%;
  padding-bottom: 8%; }

#pLSecondSecContFluid {
  background: white url("../img/plumbingpicNew.jpg") no-repeat center right;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-bottom: 5%;
  padding-top: 3%; }

#pLSecondSecContFluid h1 {
  color: white;
  padding-bottom: 2%; }

.boxStyles {
  text-align: center;
  padding: 1%; }

.boxStyles div {
  background-color: rgba(9, 46, 90, 0.4);
  height: 15vh;
  display: table;
  width: 100%; }

.boxStyles div h3 {
  display: table-cell;
  vertical-align: middle;
  color: white;
  font-weight: 300; }

#pLThirdSecContFluid {
  background: white url("../img/heating_home.jpg") no-repeat center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

#pLThirdSecCol {
  background-color: rgba(9, 46, 90, 0.4); }

#pLThirdSecCol h1 {
  padding: 15% 15%;
  line-height: 45px;
  color: white;
  font-weight: 300; }

#pLSixthSecContFluid {
  background: white url("../img/Plumbing4.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 50vh; }

#pLSixthSecCont {
  padding-top: 5%;
  padding-bottom: 5%; }

#pLSixthSecCol h1 {
  line-height: 46px; }

#pLContactNumber {
  padding-top: 8%;
  padding-bottom: 8%; }

#pLContactNumber img {
  width: 7%; }

#hEFirstSecContFluid {
  background: white url("../img/Heating1.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 100vh;
  margin-top: -100px; }

#hEFirstSecContFluid .mainTextHeader {
  width: 60%;
  padding-top: 10%;
  color: white;
  padding-left: 10%;
  font-weight: 300;
  font-size: 45px;
  line-height: 60px;
  padding-bottom: 20%; }

.headerBox {
  text-align: center;
  color: white;
  background-color: rgba(9, 46, 90, 0.4);
  padding: 2% 5%;
  width: 80%;
  margin: 0 auto; }

.headerBox h2 {
  font-weight: 300;
  line-height: 40px; }

.gasSafeImgHeating {
  float: right;
  margin-top: 12%;
  margin-right: 5%;
  padding-bottom: 8%; }

#hESecondSecContFluid {
  background: white url("../img/Heating3.jpg") no-repeat center right;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-bottom: 5%;
  padding-top: 3%; }

#hESecondSecContFluid h1 {
  color: white;
  padding-bottom: 2%; }

.boxStyles {
  text-align: center;
  padding: 1%; }

.boxStyles div {
  background-color: rgba(9, 46, 90, 0.4);
  height: 15vh;
  display: table;
  width: 100%; }

.boxStyles div h3 {
  display: table-cell;
  vertical-align: middle;
  color: white;
  font-weight: 300; }

.boxStyles .boxStylesNoContent {
  background-color: transparent; }

#hEThirdSecContFluid {
  background: white url("../img/Heating4.jpg") no-repeat center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

#hEThirdSecCol {
  background-color: rgba(9, 46, 90, 0.4); }

#hEThirdSecCol h1 {
  padding: 15% 15%;
  line-height: 45px;
  color: white;
  font-weight: 300; }

#hESixthSecContFluid {
  background: white url("../img/Heating2.jpg") no-repeat center right;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 50vh; }

#hESixthSecCont {
  padding-top: 5%;
  padding-bottom: 5%; }

#hESixthSecCol h1 {
  line-height: 46px; }

#hEContactNumber {
  padding-top: 8%;
  padding-bottom: 8%; }

#hEContactNumber img {
  width: 7%; }

#bIFirstSecContFluid {
  background: white url("../img/Bathroom3.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 100vh;
  margin-top: -100px; }

#bIFirstSecContFluid .mainTextHeader {
  width: 70%;
  padding-top: 10%;
  color: white;
  margin: 0 auto;
  font-weight: 300;
  font-size: 45px;
  line-height: 50px;
  padding-bottom: 20%; }

.headerBox {
  text-align: center;
  color: white;
  background-color: rgba(9, 46, 90, 0.4);
  padding: 2% 5%;
  width: 80%;
  margin: 0 auto; }

.headerBox h2 {
  font-weight: 300;
  line-height: 40px; }

.gasSafeImgBath {
  float: right;
  margin-top: 10.5%;
  margin-right: 5%;
  padding-bottom: 8%; }

#bISecondSecContFluid {
  background: white url("../img/Bathroom2.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-bottom: 5%;
  padding-top: 3%; }

#bISecondSecContFluid h1 {
  color: white;
  padding-bottom: 2%; }

.boxStyles {
  text-align: center;
  padding: 1%; }

.boxStyles div {
  background-color: rgba(9, 46, 90, 0.4);
  height: 15vh;
  display: table;
  width: 100%; }

.boxStyles div h3 {
  display: table-cell;
  vertical-align: middle;
  color: white;
  font-weight: 300; }

.boxStyles .boxStylesNoContent {
  background-color: transparent; }

#bIThirdSecContFluid {
  background: white url("../img/bathroomImg1.jpg") no-repeat center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

#bIThirdSecCol {
  background-color: rgba(9, 46, 90, 0.4); }

#bIThirdSecCol h1 {
  padding: 15% 15%;
  line-height: 45px;
  color: white;
  font-weight: 300; }

#bISixthSecContFluid {
  background: white url("../img/Bathroom4.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 50vh; }

#bISixthSecCont {
  padding-top: 5%;
  padding-bottom: 5%; }

#bISixthSecCol h1 {
  line-height: 46px; }

#bIContactNumber {
  padding-top: 8%;
  padding-bottom: 8%; }

#bIContactNumber img {
  width: 7%; }

#cOFirstSecContFluid {
  background: white url("../img/Contact1.jpg") no-repeat center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 100vh;
  margin-top: -100px; }

#cOFirstSecContFluid .mainTextHeader {
  width: 60%;
  padding-top: 10%;
  color: white;
  padding-left: 10%;
  font-weight: 300;
  font-size: 45px;
  line-height: 60px;
  padding-bottom: 20%; }

.headerBox {
  text-align: center;
  color: white;
  background-color: rgba(9, 46, 90, 0.4);
  padding: 2% 5%;
  width: 80%;
  margin: 0 auto; }

.headerBox h2 {
  font-weight: 300;
  line-height: 40px; }

.gasSafeImgContact {
  float: right;
  margin-top: 11.7%;
  margin-right: 5%;
  padding-bottom: 8%; }

/****************************Iphone 7+******************************** */
@media screen and (max-width: 500px) {
  #navExtraInfo {
    display: none; }

  .navbar-brand img {
    width: 80%; }

  .navbar-collapse {
    height: 100%;
    background-color: rgba(9, 46, 90, 0.7); }

  .navbar-toggle .icon-bar {
    background: white !important; }

  .navbar {
    height: 53px !important;
    background-color: rgba(9, 46, 90, 0.7); }

  .navExtraInfoMobile {
    padding-left: 3%;
    color: white; }

  .gasSafeImg, .gasSafeImgBath, .gasSafeImgPlumb, .gasSafeImgHeating, .gasSafeImgContact {
    display: none; }

  .navExtraInfoMobile img {
    width: 7%; }

  .navExtraInfoMobileButton {
    padding-left: 1%; }

  .navExtraInfoMobileImg {
    width: 24%;
    padding-left: 5%; }

  .gasSafeImg {
    display: none; }

  #menuNumber {
    display: block; }

  #hPtitleRow {
    padding-top: 14%;
    padding-left: 10%; }

    .header3col {
      min-height: auto;
    }

  #hPheaderThree h3 {
    padding-bottom: 0%; }

  #hPheaderThree .hPHeaderThreeButtonP {
    position: relative;
    padding-top: 10%;
    text-align: center; }

  #hPSecondSecColL {
    display: none; }

  #hPSecondSecColR {
    padding-left: 10%; }

  #hPSecondSecColR h2 {
    font-size: 25px; }

  #h1Welcome {
    margin-bottom: -7%; }

  #hPFourthSecContFluid {
    background: white url("../img/Home4.jpg") no-repeat top right;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 70vh; }

  #hPFifthSecCol h2 {
    padding-left: 10%;
    padding-right: 10%; }

  #hPSixthSecContFluid, #bISixthSecContFluid, #hESixthSecContFluid, #pLSixthSecContFluid {
    background: white url("../img/contactImg.jpg") no-repeat center right;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 50vh; }

  #pLFirstSecContFluid, #hEFirstSecContFluid, #bIFirstSecContFluid {
    padding-top: 17%;
    padding-bottom: 10%; }

  #pLFirstSecContFluid .mainTextHeader, #hEFirstSecContFluid .mainTextHeader, #bIFirstSecContFluid .mainTextHeader, #cOFirstSecContFluid .mainTextHeader {
    font-size: 28px;
    line-height: 32px; }

  .headerBox h2 {
    font-size: 24px;
    line-height: 30px; }

  #pLThirdSecCol h1, #hEThirdSecCol h1, #bIThirdSecCol h1 {
    font-size: 24px; }

  #bIThirdSecContFluid {
    background: white url("../img/bathroomImg1.jpg") no-repeat center left;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; }

  #cOFirstSecContFluid {
    padding-top: 17%;
    padding-bottom: 10%;
    background: white url("../img/Contact1.jpg") no-repeat center left;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 100vh;
    margin-top: -100px; } }
/****************************iPad Landscape******************************** */
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #navExtraInfo {
    display: none; }

  .navbar-collapse {
    height: 100%;
    background-color: rgba(9, 46, 90, 0.7); }

  .navbar-toggle .icon-bar {
    background: white !important; }

  .navbar {
    height: 53px !important;
    background-color: rgba(9, 46, 90, 0.7); }

  .navExtraInfoMobile {
    padding-left: 2.5%;
    color: white; }

  .navExtraInfoMobile img {
    width: 4% !important; }

  .navExtraInfoMobileImg {
    width: 17%;
    padding-left: 5%; }

  .gasSafeImg, .gasSafeImgBath, .gasSafeImgPlumb, .gasSafeImgHeating, .gasSafeImgContact {
    display: none; }

  .navExtraInfoMobileButton {
    padding-left: 0.5%; }

  #hPtitleRow {
    padding-top: 14%;
    padding-left: 10%; }

    .header3col {
      min-height: auto;
    }

  #hPheaderThree h3 {
    padding-bottom: 0%; }

  #hPheaderThree .hPHeaderThreeButtonP {
    position: relative;
    padding-top: 8%;
    text-align: center; }

  #hPSecondSecColR {
    padding-left: 10%; }

  #hPSecondSecColR h2 {
    font-size: 25px; }

  #h1Welcome {
    margin-bottom: -3%; }

  #hPFourthSecContFluid {
    background: white url("../img/Home4.jpg") no-repeat top right;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 70vh; }

  #hPFifthSecCol h2 {
    padding-left: 10%;
    padding-right: 10%; }

  #hPSixthSecContFluid, #bISixthSecContFluid, #hESixthSecContFluid, #pLSixthSecContFluid {
    background: white url("../img/Bathroom4.jpg") no-repeat center right;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 50vh; }

  #pLFirstSecContFluid, #hEFirstSecContFluid, #bIFirstSecContFluid, #cOFirstSecContFluid {
    padding-top: 5%;
    padding-bottom: 2%; }

  #pLFirstSecContFluid .mainTextHeader, #hEFirstSecContFluid .mainTextHeader, #bIFirstSecContFluid .mainTextHeader, #cOFirstSecContFluid .mainTextHeader {
    font-size: 28px;
    line-height: 32px; }

  .headerBox h2 {
    font-size: 24px;
    line-height: 30px; }

  #pLThirdSecCol h1, #hEThirdSecCol h1, #bIThirdSecCol h1 {
    font-size: 24px; }

  #bIThirdSecContFluid {
    background: white url("../img/bathroomImg1.jpg") no-repeat center left;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; } }
/****************************13" Screen******************************** */
/****************************15" Screen******************************** */
/****************************19" Screen******************************** */
/****************************20" Screen******************************** */
/****************************22" Screen******************************** */
/****************************23" Screen******************************** */
/****************************iPad Portfolio******************************** */
@media screen and (min-width: 501px) and (max-width: 768px) {
  #navExtraInfo {
    display: none; }

  .navbar-collapse {
    height: 100%;
    background-color: rgba(9, 46, 90, 0.7); }

  .navbar-toggle .icon-bar {
    background: white !important; }

  .navbar {
    height: 53px !important;
    background-color: rgba(9, 46, 90, 0.7); }

  .navExtraInfoMobile {
    padding-left: 1%;
    color: white; }

  .navExtraInfoMobileImg {
    width: 20%;
    padding-left: 5%; }

  .gasSafeImg {
    display: none; }

  .gasSafeImg, .gasSafeImgBath, .gasSafeImgPlumb, .gasSafeImgHeating, .gasSafeImgContact {
    display: none; }

  .navExtraInfoMobile img {
    width: 3% !important; }

  .navExtraInfoMobileButton {
    padding-left: 1%; }

  #hPtitleRow {
    padding-top: 14%;
    padding-left: 10%; }

  #hPheaderThree h3 {
    padding-bottom: 0%;
    font-size: 32px; }

  #hPheaderThree p {
    font-size: 20px; }

  #h1Welcome {
    margin-bottom: -3%; }

  #hPSecondSecColR {
    padding-left: 10%; }

  #hPSecondSecColR h2 {
    font-size: 25px; }

  #hPSecondSecColL {
    display: none; }

  #hPFourthSecContFluid {
    background: white url("../img/Home4.jpg") no-repeat top right;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 70vh; }

  #hPFifthSecCol h2 {
    padding-left: 10%;
    padding-right: 10%; }

  #hPSixthSecContFluid, #bISixthSecContFluid, #hESixthSecContFluid, #pLSixthSecContFluid {
    background: white url("../img/contactImg.jpg") no-repeat center right;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 50vh; }

  #pLFirstSecContFluid, #hEFirstSecContFluid, #bIFirstSecContFluid, #cOFirstSecContFluid {
    padding-top: 5%;
    padding-bottom: 2%; }

  #pLFirstSecContFluid .mainTextHeader, #hEFirstSecContFluid .mainTextHeader, #bIFirstSecContFluid .mainTextHeader, #cOFirstSecContFluid .mainTextHeader {
    font-size: 28px;
    line-height: 32px; }

  .headerBox h2 {
    font-size: 24px;
    line-height: 30px; }

  #pLThirdSecCol h1, #hEThirdSecCol h1, #bIThirdSecCol h1 {
    font-size: 24px; }

  #bIThirdSecContFluid {
    background: white url("../img/bathroomImg1.jpg") no-repeat center left;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; } }
/****************************Samsung 360******************************** */
@media screen and (max-width: 375px) {
  .navExtraInfoMobileImg {
    width: 35%;
    padding-left: 5%; }

  #hPContactNumber {
    font-size: 30px; }

  #hPContactNumber img {
    width: 10%; } }
@media screen and (min-width: 1025px) {
  .navbar-nav .navExtraInfoMobile {
    display: none; }

  .navbar-nav .navExtraInfoMobileButton {
    display: none; }

  .navbar-nav .navExtraInfoMobileImg {
    display: none; } }
@media (max-width: 1150px) {
  .navbar-header {
    float: none; }

  .navbar-left, .navbar-right {
    float: none !important; }

  .navbar-toggle {
    display: block; }

  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); }

  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px; }

  .navbar-collapse.collapse {
    display: none !important; }

  .navbar-nav {
    float: none !important;
    margin-top: 7.5px; }

  .navbar-nav > li {
    float: none; }

  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px; }

  .collapse.in {
    display: block !important; } }
/****************************heightMQs******************************** */
@media screen and (min-width: 1025px) and (max-height: 800px) {
  #hPheaderThree .hPHeaderThreeButtonP {
    position: relative;
    padding-top: 8%;
    text-align: center; }

  .extraSpace {
    display: block; } }

/*# sourceMappingURL=app.css.map */