* {font-family: Arial, Helvetica, sans-serif; box-sizing: border-box;}

body {text-align: center; background-color: #f5f5f5; padding: 0; margin: 0; border-bottom: 10px solid #cccccc;}
p {font-size: 25px;}
.p-airports {font-size: 21px; max-width: 700px; margin: 40px auto; line-height: 2em;}
footer div:first-child {font-size: 27px; font-style: italic; display: block; margin: 20px auto; font-weight: bold;}
footer div {font-size: 22px; font-style: italic; display: block; margin: 20px auto; font-weight: normal;}
footer div:last-child {font-size: 20px; font-style: italic; display: block; margin: 20px auto; margin-bottom: 70px; font-weight: normal;}
.footer-a {color: black;}
.footer-a:hover {color: blue;}
.img-top {width: 450px; height: auto; margin: 0 auto; margin-top: 20px; padding: 0; border-radius: 50px; border: 2px solid gray;}
.img-top-dir {width: 450px; height: auto; margin: 0 auto; margin-top: 20px; padding: 0; border-radius: 50px; border: 2px solid gray;}
.img-front-sm {max-width: 120px; height: auto; margin: 20px auto; margin-bottom: 40px; padding: 0; border-radius: 10px; border: 1px solid gray;
display: block;}
.img-x {width: 100px; margin: 50px auto; border: 2px solid dimgray; border-radius: 10px; padding: 20px;
box-shadow: 3px 3px 10px 1px dimgray;}
.img-x:hover {background-color: #ade3f0; border-color: #dee3f3; box-shadow: 2px 2px 5px 1px dimgray;}

#leads {display: block; margin: 70px auto; border-bottom: 1px solid dimgray; padding-bottom: 100px;}
#leads ul,
#leads ol {
    text-align: left; 
    margin: 0 auto 15px auto; 
    width: fit-content; 
    max-width: 750px;
    font-size: 20px;
    line-height: 1.8em;
}
#leads ol li {margin: 30px auto; max-width: 600px;}

#leads h2 {font-size: 24px;}
#leads h3 {font-size: 22px; margin-top: 50px;}
#leads p {font-size: 20px; line-height: 1.8em; max-width: 700px; margin: 40px auto;}
#directory {display: block; margin: 100px auto;}
#directory h2 {font-size: 30px; margin: 50px auto; margin-top: 100px;}

.dv-all-airports {max-width: 900px; margin: 50px auto; line-height: 3em; font-size: 18px; padding: 20px auto;}
.dv-all-airports a {color: black; font-weight: bold;}

.dv-index-info {max-width: 800px; line-height: 2.5em; margin: 80px auto;}
.dv-index-info p { font-size: 20px;}

.div-pages-top {
    background-color:#dcdcdc;
    text-align:center; margin:0; 
    border-top: 0px solid #d6d6d6;
    border-bottom: 0px solid #d6d6d6;
    width: 100%;
    color: darkblue; 
    font-size: 21px; 
    font-weight: 800; 
    padding: 20px 2px; 
    font-style: italic;
}
.div-pages-top a {color:inherit; text-decoration: underline; margin: 20px auto;}
.div-pages-top a:hover {color: #1f54f3}
.div-company-page {width: 100%; max-width: 900px; background-color: #dcdcdc; margin: 40px auto; padding: 40px 70px; border-radius: 20px;
                   border: 1px solid gray;} 
.div-company-page p {text-align: left; font-size: 20px; line-height: 1.8em; margin: 30px auto;}
.div-company-page a {display: block; margin: 60px auto; background-color: #f5f5f5; padding: 10px 30px; border: 1px solid black; 
width: 70%; max-width: 400px; border-radius: 10px; font-size: 20px; color: black; text-decoration: none;}
.div-company-page a:hover {border-color: blue; color: blue; background-color: white;}
.div-company-page span {display: inline-block; padding: 5px 10px; margin: 10px; background-color: white; border-radius: 5px;}
.p-location {font-size: 17px; display: block; margin: 0 auto; font-style: italic; text-align: center !important;}

.div-airport-page {width: 100%; max-width: 900px; background-color: #dcdcdc; margin: 40px auto; padding: 40px 70px; border-radius: 20px;
                   border: 1px solid gray;}
.div-airport-page a {color: black;}
.div-airport-page a:hover {color: blue;}
.p-services-airport {font-size: 20px;}
.p-airport-company {display: block; margin: 40px auto; font-style: italic; font-weight: bold; padding: 40px; background-color: #e8e8e8;
text-align: center; border-radius: 20px; max-width: 700px; border: 2px solid gray; box-shadow: 5px 5px 15px gray;}
.p-airport-company span a {display: block; margin: 30px auto; margin-bottom: 0; border: 1px solid black; 
background-color: #f5f5f5; color: black;
text-decoration: none; font-weight: normal; padding: 10px; border-radius: 10px; font-size: 18px; max-width: 300px;}
.p-airport-company span a:hover {color: blue; background-color: white;}

.dv-airport-last {text-align: left; line-height: 2em; padding: 0 50px;}
.dv-airport-last h2 {padding: 0; font-size: 22px; text-align: left; line-height: 2em;}
.dv-airport-last .p-airport-last {padding: 0; padding-bottom: 40px; font-size: 18px; text-align: left; line-height: 2em;}
.p-incentive { font-size: 20px; text-align: center; line-height: 2em; max-width: 700px; margin: 40px auto;}
.div-offer-box {
    font-size: 20px;
    border: 0px solid gray; 
    padding: 40px 30px;
    margin: 50px auto;  
    max-width: 750px;
    background-color: #e8e8e8; 
    border-radius: 10px;
    border: 1px solid gray;
    text-align: center;
}

.div-offer-box h3 {
    margin-top: 0; font-weight: normal;
}

.div-offer-box a {
    font-weight: normal;
    color: blue; /* Use a contrast color (like red) for the key CTA link */
}

.div-offer-box p {font-size: 20px; line-height: 2em;}

.dv-dir-details-container {max-width: 900px; background-color: #dcdcdc; margin: 40px auto; margin-bottom: 70px; 
    text-align: center; border-radius: 20px; padding: 50px;}

.a-dir-details {display: block; background-color: whitesmoke; padding: 10px; width: 400px; margin: 40px auto; 
border: 1px solid gray; color: black; text-decoration: none; font-size: 20px; font-weight: normal; border-radius: 10px;}
.a-dir-details.last { margin-bottom: 80px;}
.a-dir-details:hover {color: blue; background-color: white;}

.a-dir-airport-btn {display: inline-block; background-color: whitesmoke; padding: 10px; width: 80px; margin: 40px auto;
border: 1px solid gray; color: black; text-decoration: none; font-size: 20px; font-weight: normal; border-radius: 10px;}
.a-dir-airport-btn:hover {color: blue; background-color: white;}

.west-boston-car-service-img {display: block; margin: 0 auto 60px auto; width: 100%; max-width: 400px; height: auto; border: 10px solid whitesmoke; 
    border-radius: 20px;}

.dv-add-service {margin: 70px auto; margin-top: 150px; text-align: center;}

.bt-join-directory-copy {
    background: #007bff;
    color: white;
    border: none;
    padding: 5px 10px;
    cursor: pointer;
    border-radius: 3px;
}
.bt-join-directory-copy:hover {
    background: #0056b3;
}

 @media screen and (max-width: 450px) {
    .img-top {width: 90%;}
    .div-company-page {padding: 40px 10px; border-radius: 0;} 
    .div-airport-page {padding: 40px 10px; border-radius: 0;}
    .div-company-page a {padding: 10px; width: 90%;}
    .p-airport-last {padding: 50px 10px;}

    .a-dir-details {font-size: 18px; width: 90%;}
    .dv-all-airports {padding: 20px;}
    .dv-index-info {padding: 20px;}

    .dv-dir-details-container {margin: 10px auto; border-radius: 10px; padding: 50px 5px;}

    .div-offer-box {padding: 40px 10px; margin: 50px auto; border-radius: 5px;}

 }