/* ====== HOME PAGE ====== */

html,
body,
header,
.view {
  height: 100%;

}

.scrolling-content {
   overflow-y: scroll;
   -webkit-overflow-scrolling: touch;
   height:100%; /*A value other than height:auto needs to be set*/
}

html,body
{
    width: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
}
#home-page-background {
  background: url(../../imgs/background.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  overflow: hidden;
}

#home-page-background div {
  position: relative;
  top: 30px;
  left: 7px;
}

.home-page-section {
  padding: 6% 10%;
}

#home-page-title-english {
  font-family: 'Great Vibes', cursive;
  font-size: 100px;
  color: #fff;
}

#home-page-title-chinese {
  font-size:90px;
  font-weight: 350;
}

#about-charlene {
  background: #eeeeee;
}

.title {
  font-size: 2.5rem;
  text-align: center;
  padding-bottom: 3%;
}

#about-charlene span {
  font-size: 50px;
  color: purple;
  padding-right: 5px;
}

#about-charlene h3 {
  letter-spacing: 1px;
  line-height: 1.5;
  font-weight: 400;
  font-size: 1.5rem;
  padding-left: 15%;
  padding-right: 15%;
}

#our-service {
  text-align: center;
  padding: 2% 5% 12% 5%;
}

#our-service .service-subtitle {
  font-weight: 400;
  font-size: 2rem;
  padding: 8% 0 2% 0;
}

#our-service .title
{
  padding:4% 0;
  font-weight:bold;
}


.service-logo{
  font-size:6rem;
  margin-top:4rem;
}

.service-title{
font-weight:bold;
}
/* .service-column{
  border:0;
}
.service-column .card-footer{
  border:0;
  background: #fff;
} */
.service-column p{
 line-height: 1.9;
 padding:0 10%;
}

.service-column a{
  text-decoration: none;
  color:black;
}

.service-logo-taiwan{
  color:green;
}
.service-logo-china{
  color:#e91e63;
}
.service-logo-air{
  color:#3f51b5;
}

.service-logo-interstate{
  color:gray;
}


.carousel-item img {
  height: 490px;
  background-position: center;
  background-size: cover;
}


#testimonial {
  background: #eeeeee;
}
#testimonial .subtitle{
  font-size:1.2rem;
  letter-spacing: 1.5px;
  text-align: center;
  padding-bottom:2%;
}

#testimonial .testimonial-col {
  padding-bottom: 6%;
  padding-top: 6%;
}

.testimonial-name,
.testimonial-rating,
.testimonial-location {
  text-align: center;
}

.testimonial-location {
  font-weight: 400;
  color: #607D8B;
}

.testimonial-description {
  padding-top: 5%;
  letter-spacing: 1px;
  color: #424242;

}
#testimonial .subtitle{
  line-height: 1.7 !important;
  padding: 2px 60px !important;
}



@media only screen and (min-width: 1080px){
  .service-logo{

    transition: font-size 0.6s;
    transition-timing-function: ease;
    -webkit-transition-timing-function: ease;

  }

  .service-logo:hover{

    font-size:8rem;

  }
}

@media only screen and (max-width: 768px)
{
#home-page-background div {

  top: 50px;
  left:5px;

}

#home-page-title-english {

  font-size: 60px;

}

#home-page-title-chinese {
  font-size:50px;

}

header,
.view {
  height: 70vh;
}

.title {
  padding-bottom: 4%;

}

#about-charlene {
  padding-top:15%;
  padding-bottom:15%;
}

#about-charlene span {
  font-size: 25px;
  color: purple;
  padding-right: 5px;
}

#about-charlene h3 {
  letter-spacing: 1px;
  line-height: 1.7;
  font-weight: 400;
  font-size: 1.2rem;
  padding-left: 2%;
  padding-right: 2%;
}

#our-service {
  text-align: center;
  padding: 12% 5% 12% 10%;
}
#our-service .service-subtitle {
  font-weight: 400;
  font-size: 2rem;
  padding: 8% 0 2% 0;
}

#our-service .title
{
  padding:4% 0;
  font-weight:bold;
}


.service-logo{
  font-size:5rem;
  margin-top:4rem;
}
.service-title{
font-weight:bold;
font-size:2rem;
}

.service-column p{
 line-height: 1.7;
 padding:0 10%;
 font-size:18px;
}

#testimonial {
  padding-top:15%;
  padding-bottom:10%;
}

#testimonial .subtitle{
  line-height: 1.7 !important;
  padding: 2px 10px 25px 10px !important;
  font-size:18px;

}

#testimonial .testimonial-description{
  font-size:16px;
}

}


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {

  #home-page-background div {

    top: 30px;
    left:2px;

  }

  .home-page-section {
    padding:6% 3%;
  }

  #home-page-title-english {

    font-size: 40px;

  }

  #home-page-title-chinese {
    font-size:30px;

  }

  #our-service {

    padding: 15% 0% 15% 0%;
}

.service-column p {

    padding: 0 0%;

}

#testimonial .subtitle {
    line-height: 1.5 !important;
    padding: 2px 0px 25px 0px !important;
    font-size: 18px;
}

}