;@charset "utf-8";
/* CSS Document */
body {
  padding-top: 3.5rem; background-color: #24a036;
}
/* HEADER */
.header-section{ background-color: #24a036; justify-content: space-around; }
.logo{ width: 100%;}
.navbar-collapse { flex-grow: 0; }
.img-container{ height: 450px; width: 100%;}
.intro-header {
    padding-top: 120px;
    padding-bottom: 50px;
	position: relative;
    text-align: center;
    background: url(../img/LimoTopServiceSlider.webp) no-repeat center center;
    background-size: cover;
}
a{ text-decoration: none;}
a:hover{ text-decoration: none;}

.main-page-content{ margin-top: 30px;}
.page-content{ margin-top: 30px; min-height: 750px;}
.page-heading{ border-left: 5px solid #24a036; line-height:22px; margin-bottom: 20px; padding: 5px; border-spacing: 2px; text-decoration: none; color: #333;}
.page-heading a{ border-left: 5px solid #24a036; line-height:22px; margin-bottom: 20px; padding: 5px; border-spacing: 2px; text-decoration: none; color: #333}
.page-heading a:hover{ text-decoration: none;}
.page-heading:hover{ color: #24a036; text-decoration: none;}
.page-img{ border: 2px solid #24a036; width: 100%; }
.custom-image{ margin-top: 55px; }
.img-other-pages{ border: 2px solid #24a036; margin-top: 20px;}
.text{ font-size: 0.95rem; line-height: 1.4;}
.text a{ color: #24a036; font-weight: bold;}
.text a:hover{ color: #000; font-weight: bold; text-decoration: none;}
.section-service{ background-color: #b0f4ba; width: 100%; float: left; margin-top: 10px; padding: 5%;}
.section-heading{ font-size: 1.0rem; color: #24a036; }
.section-service a{ font-size: 1.0rem; color: #24a036; text-decoration: none; }
.section-service a:hover{ font-size: 1.0rem; color: #000; text-decoration: none; }
.section-heading:hover{ font-size: 1.0rem; color: #000; text-decoration: none; }
.section-text{ font-size: 0.90rem;}
.section-image{ margin-right: 2%; float: left;}
.section-text{ font-size: 12px;}
.btn-section{ background-color: #129024; color: #fff; border: 1px solid #13531c; font-size: 0.80rem; font-weight: 600;}
.btn-section:hover{ background-color: #13531c;}

.footer-section{background-color: #24a036; height: 160px; margin-top: 20px; padding: 0;}
footer{ background-color: #24a036; color: #fff; margin-top: 20px; padding: 0;}
footer a{ color: #fff; text-decoration: none;}
footer a:hover{ color: #fff; text-decoration: underline;}
.footer-left{ margin: 15px 0 5px 0;}
.footer-right{ background-color: #24a036; color: #154a1d; margin: 40px 0 10px 0; width: 100%; }
.urlImg-facebook { width: 42px; height:42px; display:block; background-image: url(../img/facebook.webp); float: right; }
.urlImg-facebook:hover { background-image: url(../img/facebook-hover.webp); margin: 0;}
.urlImg-instagram { width: 42px; height:42px; display:block; background-image: url(../img/instagram.webp); float: right; }
.urlImg-instagram:hover { background-image: url(../img/instagram-hover.webp); margin: 0;}
.urlImg-twitter { width: 42px; height:42px; display:block; background-image: url(../img/twitter.webp); float: right; }
.urlImg-twitter:hover { background-image: url(../img/twitter-hover.webp); margin: 0;}
.urlImg-google-plus { width: 42px; height:42px; display:block; background-image: url(../img/google-plus.webp); float: right; }
.urlImg-google-plus:hover { background-image: url(../img/google-plus-hover.webp); margin: 0;}
.url-spacing{ margin-right: 5px;}
.url-spacing:hover{ margin-right: 5px;}

/* Other pages */
.heading-in-page{ border-left: 5px solid #24a036; line-height:14px; margin-bottom: 20px; padding: 5px; border-spacing: 2px; text-decoration: none; color: #333; font-size:16px;}
.heading-in-page a{ border-left: 5px solid #24a036; line-height:14px; margin-bottom: 20px; padding: 5px; border-spacing: 2px; text-decoration: none; color: #333}
.heading-in-page a:hover{ text-decoration: none;}
.page-top{ margin-top: 80px;}

.table-style{ border-bottom: 1px solid #333;}

.img-blog{ border: 2px solid #24a036; }
.page-content-blog{margin-top: 30px; padding-left: 15px;}
.blog-top{ background: #fff; }
/* For width 400px and larger: */
@media only screen and (max-width: 767px) {
.intro-header { 
    background-image: url(../img/LimoTopServiceSliderSmall.webp) no-repeat center center; 
	position: relative;
	background-size: cover;
  }
  .img-container {
    height: auto;
    width: 100%;
	padding-top: 80px;
}
  .img-fleet{ width: 85%;}
}