body {
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
/*    background-image: url(Truck1.png);*/    
/*    background-repeat: no-repeat;
*/}

/*div*/
.DivHImage {
    width: 25%;
    height: auto;;
    padding: 5px 5px 5px 5px;
    float: left;
    margin-top: 3%;
    margin-left: 8%;
}

.DivHome {
    height: 1100px;
    width: 50%;
    float: left;
}

.DivHHH {
    
    margin: 1% 1% 1% 1%;
}

.DivHH {
    height: auto;
    width: 98%;
    background-color: #1C2833;
    padding: 3px 3px 0px 0px;
    float: left;
    box-shadow: 2px 2px 4px #000000;
    margin: 1% 1% 1% 1%;
}

.DivH {
    width: 30%;
    height: auto;
    float: left;
    /*box-shadow: 4px 4px 4px 4px #000000;*/
    /*background-color: #fff;*/
    margin-top: 3%;
    margin-left:20%;
}

.Div1 {
    width: 25%;
    height: auto;
    border: solid 1px #000000;
    padding: 5px 5px 3px 15px;
    float: left;
    box-shadow: 4px 4px 4px 4px #000000;
    background-color: #fff;
    margin-top: 5%;
    margin-left: 8%;
}

.Div2 {
    width: 95%;
    height: 500px;
    border: solid 1px #CBC7BF;
    padding: 5px 5px 5px 5px;
    float: left;
    box-shadow: 2px 2px 2px 2px #000000;
    margin: 3% 3% 3% 3%;
    
}

.Div3 {
    width: 13%;
    height: 300px;
    margin: 1% 1% 1% 1%;
    float: left;
    border-radius: 5%;
}

.Div4 {
    width: 100%;
    height: 70%;
    border: solid 1px #CBC7BF;
    padding: 5px 5px 5px 5px;
    float: left;
    box-shadow: 1px 1px 1px 1px #000000;
    margin: 1% 1% 1% 1%;
    background-color: #5F6A6A;
     border-radius: 5%;
}

.Div5 {
    width: 100%;
    height: 20%;
    border: solid 1px #CBC7BF;
    padding: 5px 5px 5px 5px;
    float: left;
    box-shadow: 1px 1px 1px 1px #000000;
    margin: 1% 1% 1% 1%;
    background-color: #16A085;
    border-radius: 5%;
}

/*textbox*/
.TextS1 {
    Width: 95%;
    /*border: 1px solid #1C2833;*/
    font-size: x-large;
    color: #1C2833;
    background-color:#fff;
}

.TextS2 {
    Width: 150px;
    border: 1px solid #1C2833;
    font-size: large;
    color: #1C2833;
    background-color: #F4D03F;
}

/*label*/
.LabelH {
    font-size: xx-large;
    Color: white;
}

.LabelS1 {
    font-size: large;
    Color: #1C2833;
}

.LabelS2 {
    font-size: xx-large;
    font-weight: 200;
    Color: white;
    width: 400px;
    background-color: #566573;
}

.LabelS3 {
    font-size: large;
    font-weight: 100;
    Color: #566573;
}

.LabelS4 {
    font-size: xx-large;
    font-weight: 400;
    Color: white;
    width: 100%;
}

/*button*/
.Button1 {
    background-color: #1B2631;
    color: #fff;
    border: 1px solid #008080;
    padding: 5px;
    width: 96%;
    font-size: large;
}

    .Button1:hover {
        cursor: pointer;
        color: #1B2631;
        font-weight: bolder;
        background-color: #fff;
        transition: background-color 0s ease-out;
    }

.Button2 {
    background-color: #1B2631;
    color: #fff;
    border: 1px solid #1B2631;
    padding: 5px;
    width: 200px;
    font-size: large;
}

    .Button2:hover {
        cursor: pointer;
        color: #1B2631;
        font-weight: bolder;
        background-color: #fff;
        transition: background-color 0s ease-out;
    }

/*Dropdownlist*/

.DropDowListS1 {
    width: 250px;
    font-size: medium;
}

/*image*/
.imageH {
    Height: 50px;
    Width: 50px;
    border-radius: 50%;
}

.imageS1 {
    Height: 40px;
    Width: 40px;
    border-radius: 50%;
}

/*adjust form mobile screen*/
@media screen and (max-width: 1100px) {
    div
    .DivHome {
        height: 1px;
        width: 1px;
        float: left;
        visibility: hidden;
    }
    .Div1 {
        width: 98%;
        height: 400px;
        border: solid 1px #CBC7BF;
        padding: 3px 3px 3px 3px;
        float: left;
        box-shadow: 2px 2px 4px #000000;
        margin-left: 1%;
        background-color: #fff;
    }

    .Div2 {
        width: 98%;
        height: 500px;
        border: solid 1px #CBC7BF;
        padding: 3px 3px 0px 3px;
        float: left;
        box-shadow: 2px 2px 4px #000000;
        margin: 1% 1% 1% 1%;
    }

    .Div3 {
        width: 95%;
        height: 400px;
        margin: 1% 1% 1% 1%;
    }

    textbox
    .TextS1 {
        Width: 96%;
        border: 1px solid #1C2833;
        font-size: x-large;
        color: #1C2833;
    }

    .TextS2 {
        Width: 98%;
        border: 1px solid #1C2833;
        font-size: large;
        color: #1C2833;
        margin-bottom: 1%;
    }



    button
    .Button1 {
        background-color: #008080;
        color: #fff;
        border: 1px solid #008080;
        padding: 5px;
        width: 96%;
        font-size: large;
    }

    label
    .LabelS2 {
        font-size: x-large;
        Color: white;
        font-weight: 200;
        width: 400px;
        background-color: #566573;
    }

    Dropdownlist
    .DropDowListS1 {
        width: 98%;
        font-size: medium;
    }
}