html {
  height:100%; /* without this the top image/carousel doesn't show */
}


body {
  /* height: 100%;  */ /* if this is enabled the sticky top navbar doesn't work */
  /* background-color: gray;*/
  background-color: #c8c8c8;  
  /*padding-top: 20px;*/
  /*padding-bottom: 20px;*/
  
}

/*
hr {
  margin-top: 0rem;
  margin-bottom: 0rem;
  border: 0rem solid black;
}    

*/
.yperon-navbar-bg {
    background-color: #505861; /*#F8F8F8;*/
    border-color: #E7E7E7;
}

.fixed-footer {
            position: fixed;
            bottom: 0;
            right: 0;
            width: 100%;
            z-index: 9999;
            padding: 0.5rem;
            text-align: center;
            font-size: 0.875rem;
            color: #fff;
            background-color: #000;
        }
        
        .fixed-footer a {
            color: #cbd5e0;
            text-decoration: underline;
        }
        
        .fixed-footer a:hover {
            color: #fff;
        }

        
.mobtopCoverImg {
  display:none;
}
.stdtopCoverImg {
  display:block;
}

@media(max-width: 767px) {
  .stdtopCoverImg {
    display:none;
  }
  .mobtopCoverImg {
    display:block;
   
  }  
}

#mobtopCoverImg-service {
   background-image: url("../img/cover-customer-service_mob.jpg");    
}
#stdtopCoverImg-service {
   background-image: url("../img/cover-customer-service.jpg");    
}

#mobtopCoverImg-rating {
   background-image: url("../img/cover-improve-business-rating_mob.jpg");    
}
#stdtopCoverImg-rating {
   background-image: url("../img/cover-improve-business-rating.jpg");    
}
/*
#stdtopCoverImg-rating h1 {font-size: 5rem;}
#mobtopCoverImg-rating h1 {font-size: 3.5rem;}
*/

#mobtopCoverImg-problems {
   background-image: url("../img/cover-resolve-customer-problems_mob.jpg");    
}
#stdtopCoverImg-problems {
   background-image: url("../img/cover-resolve-customer-problems.jpg");    
}
/*
#stdtopCoverImg-problems h1 {font-size: 5rem;}
#mobtopCoverImg-problems h1 {font-size: 3.5rem;}
*/

.topCoverImg {
/* background-image: url("../img/cover-restaurant-pos.jpg");*/
  /* Use "linear-gradient" to add a darken background effect to the image (photographer.jpg). This will make the text easier to read */
/* background-image: linear-gradient(rgba(0, 0, 0, 0.5),
                                  rgba(0, 0, 0, 0.5)), url("../img/cover-call-center.jpg");
*/
/* Full height */
    /* height: 100vh; */
/* Set a specific height */    
    height: 100vh;
    /*margin-left:5%;*/
    /*margin-right:5%;   */ 
    /* Center and scale the image nicely */
/* Position and center the image to scale nicely on all screens */    
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;    
}


/* Place text in the middle of the image */
.topCoverTxt {
  text-align: center;  
  position: absolute;    
  top: 65%;
  left: 50%;
  bottom: auto;
  transform: translate(-50%, -50%);  
  /* color: white;  */
}

.topCoverTxt-1 {
  text-align: center;  
  position: absolute;    
  top: 20%;
  left: 50%;
  bottom: auto;
  transform: translate(-50%, -50%);  
  /* color: white;  */
}

.topCoverDemoTxtmob {
  text-align: center;
  position: absolute;    
  top: 2%;
  left: 5%;
  bottom: auto;
  /*transform: translate(-50%, -50%);  */
  /* color: white;  */
}