@font-face {
    font-family: "EscapeSignature";
    src: url("font/EscapeSignature.ttf") format("truetype");
}

.container-fluid {
    margin: 0px;
    padding: 0px;
}

@media only screen and (device-width: 768px) {
    .footer-section-div {
        height: 600px !important;
    }

    .footer-form-section {
        padding: 1em !important;
    }
}

@media only screen and (max-width: 600px) {
    .company-white-name-img {
        height: 110px !important;
        position: relative !important;
        display: block !important;
        margin: 0 auto !important;
        top: 7em !important;
        width: 303px !important;
        left: 0px !important;
    }
    .about-section-div {
        width: 80% !important;
    }

    .paint2-img-css {
        height: 250px !important;
        width: 300px !important;
        margin: 1em auto !important;
    }
    .story-section-content {
        left: 1em !important;
        width: 78% !important;
        margin: 10px !important;
        text-align: center !important;
        margin-bottom: 4em !important;
    }

    .footer-section-div {
        height: 550px !important;
    }

    .footer-form-section {
        padding: 1em !important;
    }

    thead tr th {
        font-size: 30px !important;
    }
    tbody tr td {
        font-size: 16px !important;
    }
    .price-type-div {
        margin:0 auto !important;
    }
}

.header-img-css {
    width: 100%;
    background-size: cover;
    background-image: url("images/header.jpg");
    background-repeat: no-repeat;
    background-position: center;
    height: 690px;
}

.logo-white-img {
    height: 150px;
    padding: 0.5em;
    margin: 2em;
}

.company-white-name-img {
    height: 162px;
    position: relative;
    display: block;
    margin: 0 auto;
    top: 2em;
    left: 0em;
}

.about-section {
    background-color: white;
    height: auto;
}

.about-section-div {
    text-align: center;
    width: 53%;
    margin: 5em auto;
    line-height: 1.59;
}

.about-txt {
    font-size: 45px;
    margin-bottom: 0.5em;
    font-family: "EscapeSignature";
}

.evolution-txt {
    font-family: "Libre Baskerville", serif;
}

.over-ons-txt {
    margin-top: 2em;
    margin-bottom: 2em;
}

.bij-evo-txt {
    font-family: "Raleway";
    line-height: 1.8;
}

.small-seperator-line {
    height: 1px;
    width: 54px;
    background-color: #dc720e;
    text-align: center;
    margin: 0 auto;
}

.paint2-img-css {
    height: 394px;
    width: 605px;
    display: block;
    margin: 0 auto;
    background-size: cover;
    background-image: url("images/paint2.jpeg");
    background-repeat: no-repeat;
    background-position: center;
}

.story-section-content {
    width: 65%;
    margin: 3em;
    position: relative;
    left: 6em;
}

.all-btn-css {
    width: 5%;
    margin: 2em auto;
    border-radius: 11px;
    border: 1px solid #dc720e;
    box-shadow: 2px 0px #dc720e;
    margin-bottom: 3em;
}

.work-img1 {

    background-size: cover;
    background-image: url("images/items.jpeg");
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 270px;
}

.work-img2 {
    background-size: cover;
    background-image: url("images/vespa-1.jpg");
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 270px;
}
.work-img3 {

    background-size: cover;
    background-image: url("images/paint1.jpeg");
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 270px;
}

.work-img4 {
    background-size: cover;
    background-image: url("images/vespa.jpg");
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 270px;
}

.work-img5 {
    background-size: cover;
    background-image: url("images/wheels1.jpg");
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 270px;
}
.set-margin-padding-none {
    margin: 0px;
    padding: 0;
}

.work-img-section p {
    font-weight: bold;
    text-align: center;
    margin-top: 1em;
    text-transform: uppercase;
}

.work-img-section h5 {
    text-align: center;
    font-family: "Libre Baskerville";
    color: #8080808c;
    font-size: 12px;
}

.seat-painted-img1 {
    width: 50%;
    height: 270px;
    display: flex;
    background-size: cover;
    background-image: url("images/seat.jpg");
    background-repeat: no-repeat;
    background-position: center;

}
.seat-painted-img2 {
    width: 50%;
    height: 270px;
    display: flex;
    background-size: cover;
    background-image: url("images/seat-painted.jpg");
    background-repeat: no-repeat;
    background-position: center;

}

thead tr th {
    border-bottom: 0px !important;
    border: 0px !important;
    font-family: "EscapeSignature";
    font-size: 45px;
    line-height: 1.42857143;
    color: #333;
    font-size: 40px;
    font-weight: 500;
}

tbody tr td {
    border-bottom: 0px i !important;
    border: 0px !important;
    font-size: 18px;
    font-family: sans-serif;
}

.price-type-div {
    width: 80%;
    margin: 5em auto;
}

.ending-section-div {
    background-color: #f5f5f5;
    height: 200px;
}

.footer-section-div {
    background-color: #dc720e;
    height: 400px;
}

.bottom-end-logo-img {
    width: 300px;
    margin: 0 auto;
    display: block;
    position: relative;
    top: 3em;
}

.scroll-dwon-css {
    font-family: "Raleway";
    text-transform: uppercase;
    color: #ffffffab !important;
    font-size: 12px;
    text-align: center;
    text-decoration: none !important;
}

.address-key-css {
    color: #e59c56;
    font-size: 9px;
    margin: 0;
    padding: 0;
    text-align: end;
    margin-right: 15px;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.address-value-css {
    color: #e59c56;
    font-size: 18px;
    margin: 0;
    padding: 0;
    text-align: end;
    margin-right: 15px;
}

.address-content {
    border-right: 1px solid #e59c569c;
    padding: 0px;
}

.fa-common-icon {
    color: #e59c56 !important;
    position: relative;
    left: 10px;
    top: 1em;
    font-size: 10px 10px !important;
}

.input-name-css {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #e59c56;
    color: white;
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 2em;
    width: 90%;
}

.input-name-css:focus {
    outline: none;
}

::placeholder {
    color: #e9a96c;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #e9a96c;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #e9a96c;
}

.send-btn-css {
    background-color: #5d432a;
    width: 90%;
    height: 35px;
    text-align: center;
    font-size: 16px;
    color: #ffffff85;
    border: 0px;
    text-transform: uppercase;
}