html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    background: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
}

.page {
    position: relative;
    width: 100%;
    max-width: 1536px;
    margin: 0 auto;
    line-height: 0;
}

.page img {
    display: block;
    width: 100%;
    height: auto;
}

/* =========================================================
   ALL CLICKABLE AREAS
   ========================================================= */

.link {
    position: absolute;
    display: block;
    background: transparent;
    text-decoration: none;
    cursor: pointer;
    z-index: 100;
}

.link:focus-visible {
    outline: 3px solid #d20a0a;
    outline-offset: 2px;
}

/* =========================================================
   MAIN NAVIGATION
   These areas are positioned over the navigation
   contained in the PNG page images.
   ========================================================= */

.nav {
    top: 39%;
    height: 7%;
    z-index: 200;
}

/* HOME */
.nav-home {
    left: 31%;
    width: 8%;
}

/* SERVICES */
.nav-services {
    left: 46%;
    width: 11%;
}

/* FLEET */
.nav-fleet {
    left: 60%;
    width: 9%;
}

/* ABOUT */
.nav-about {
    left: 73%;
    width: 9%;
}

/* CONTACT */
.nav-contact {
    left: 86%;
    width: 10%;
}

/* =========================================================
   TOP PHONE NUMBERS
   ========================================================= */

.phone {
    z-index: 250;
}

.top-phone-1 {
    right: 2%;
    top: 20%;
    width: 17%;
    height: 5%;
}

.top-phone-2 {
    right: 2%;
    top: 25%;
    width: 17%;
    height: 5%;
}

/* =========================================================
   CALL NOW BUTTON
   ========================================================= */

.call-now {
    right: 2%;
    top: 14%;
    width: 18%;
    height: 7%;
    z-index: 250;
}

/* =========================================================
   FOOTER PHONE NUMBERS
   ========================================================= */

.footer-phone-1 {
    left: 4%;
    bottom: 1%;
    width: 17%;
    height: 5%;
}

.footer-phone-2 {
    left: 27%;
    bottom: 1%;
    width: 17%;
    height: 5%;
}

/* =========================================================
   HOME PAGE - REQUEST SERVICE
   ========================================================= */

.home-request {
    left: 4.5%;
    top: 66%;
    width: 17%;
    height: 7%;
    z-index: 250;
}

/* =========================================================
   CONTACT PAGE
   ========================================================= */

.contact .top-phone-1,
.contact .top-phone-2 {
    z-index: 300;
}

.contact-send {
    right: 5%;
    bottom: 10%;
    width: 18%;
    height: 7%;
    z-index: 300;
}

.contact-phone-1 {
    left: 8%;
    top: 61%;
    width: 16%;
    height: 4%;
}

.contact-phone-2 {
    left: 8%;
    top: 65%;
    width: 16%;
    height: 4%;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {

    .page {
        width: 100%;
        max-width: none;
    }

    .link {
        min-width: 20px;
    }

}