*
{
    margin: 0vw;
    padding: 0vw;
    box-sizing: border-box;
    text-decoration: none;
    font-family: times;
    cursor: default;
    border: none;
    border-radius: 0%;
    background-size: 100% 100%;
    width: auto;
    height: auto;
    list-style-type: square;
    justify-content: space-evenly;
}

div.Header
{
    width: 100%;
    background-color: navy;
    box-shadow: 0vw 0vw 1.5vw black;
}
div.Header_Content
{
    width: 100%;
    display: flex;
    justify-content: left;
}
div.Header_Logo
{
    width: 10vw;
    height: 8vw;
    background-image: url('https://dhammitransport.com/Dhammi_Transport/Logo.png');
    margin: 1vw;
}
div.Header_Title
{
    width: 87vw;
    height: 10vw;
}
div.Header_Title h1
{
    color: orange;
    font-size: 4vw;
    line-height: 9vw;
}
div.Header_Title p
{
    color: white;
    font-size: 1.25vw;
    margin-top: -3.25vw;
    margin-left: 29.5vw;
}

div.Footer
{
    width: 100%;
    background-color: navy;
    color: white;
    text-align: left;
    font-size: 1vw;
    box-shadow: 0vw 0vw 1.5vw black;
}
div.Footer_Content
{
    width: 100%;
    display: flex;
    justify-content: space-evenly;
}
div.Footer_Address
{
    width: 33%;
    padding: 1vw 8vw;
    padding-top: 3vw;
    border-left: 0.1vw solid white;
    border-right: 0.1vw solid white;
}
div.Footer_Contact
{
    width: 33%;
    padding: 1vw 3vw;
    padding-top: 2vw;
    display: flex;
}
div.Footer_Contact div
{
    text-align: center;
    margin: 0vw 1.5vw;
}
div.Footer_Contact h1
{
    font-size: 1vw;
}
div.Footer_Content i
{
    font-size: 3vw;
}
div.Footer_Copyright
{
    width: 100%;
    border-top: 0.1vw solid white;
    padding: 1vw;
    text-align: center;
    color: white;
}
div.Footer_Developer
{
    width: 100%;
    border-top: 0.1vw solid white;
    padding: 1vw;
    text-align: center;
    color: white;
}
div.Footer_Developer a
{
    text-decoration: none;
    color: orange;
}
div.Footer_Links
{
    width: 33%;
    padding: 1vw 11vw;
}
div.Footer_Links h1
{
    font-size: 2vw;
    margin-left: 1vw;
    text-decoration: underline;
}
div.Footer_Links li
{
    list-style-type: square;
}
div.Footer_Links a
{
    color: white;
    text-decoration: none;
}

div.NB
{
    width: 100%;
}
div.NB_Options
{
    width: 100%;
    display: flex;
}
div.NB_Option
{
    width: 14%;
    padding: 0.25vw 0vw;
    background-color: orange;
    color: white;
    box-shadow: 0vw 0vw 1.5vw black;
    text-align: center;
    font-size: 1.25vw;
}
div.NB_Option:hover
{
    background-color: gold;
}
div.NB_Toggle
{
    visibility: hidden;
}
button.NB_Toggle_Button:hover
{
    background-color: gold;
    color: white;
}

div.About_Us
{
    width: 96vw;
    height: 36vw;
    margin: 3vw auto;
    margin-top: 0vw;
    background-color: navy;
    box-shadow: 0vw 0vw 1.5vw black;
}
div.About_Us_Content
{
    margin: 0vw auto;
    width: 100%;
    display: flex;
    justify-content: space-evenly;
}
div.About_Us_Image
{
    width: 47%;
    height: 30vw;
    background-image: url('https://www.dhammitransport.com/Dhammi_Transport/Pages/Content/About_Us/About_Us.jpg');
    box-shadow: 0vw 0vw 1.5vw black;
}
div.About_Us_Text
{
    width: 47%;
    height: 30vw;
    background-color: white;
    padding: 1vw;
    box-shadow: 0vw 0vw 1.5vw black;
}
h1.About_Us_Title
{
    text-align: center;
    color: white;
    font-size: 3vw;
    margin: 0.75vw auto;
}
div.About_Us_Text p
{
    font-size: 1vw;
    text-align: justify;
}
div.About_Us_Text h1
{
    font-size: 2vw;
    color: orange;
}
div.About_Us_Text li
{
    font-size: 1vw;
}

div.Services
{
    width: 96vw;
    margin: 0vw auto;
    margin-bottom: 3vw;
    background-color: orange;
    box-shadow: 0vw 0vw 1.5vw black;
    padding-top: 1vw;
    padding-bottom: 2vw;
}
h1.Services_Title
{
    color: white;
    font-size: 3vw;
    text-align: center;
    margin: 0.75vw auto;
}
div.Services_Contents
{
    margin: 0vw auto;
    width: 100%;
    display: flex;
    justify-content: space-evenly;
}
div.Services_Content
{
    width: 30%;
    background-color: white;
    padding: 0.75vw;
    box-shadow: 0vw 0vw 1.5vw black;
}
div.Services_Content h2
{
    text-align: center;
    color: navy;
    text-decoration: underline;
    font-size: 1.75vw;
}
div.Services_Content p
{
    font-size: 1vw;
    color: black;
    text-align: justify;
}
div.Services_Content img
{
    width: 17.5vw;
    height: 7.5vw;
}

div.Our_Fleet
{
    width: 96vw;
    margin: 0vw auto;
    margin-bottom: 3vw;
    background-color: navy;
    box-shadow: 0vw 0vw 1.5vw black;
    padding: 0.25vw 0vw;
}
h1.Our_Fleet_Title
{
    color: white;
    font-size: 3vw;
    text-align: center;
    margin: 0.75vw auto;
}
div.Our_Fleet_Contents
{
    margin: 0vw auto;
    margin-bottom: 2.5vw;
    width: 100%;
    display: flex;
    justify-content: space-evenly;
}
div.Our_Fleet_Content
{
    width: 25vw;
    background-color: white;
    box-shadow: 0vw 0vw 1.5vw black;
}
div.Our_Fleet h2
{
    text-align: center;
    color: orange;
    font-size: 1.75vw;
}
div.Our_Fleet img
{
    width: 25vw;
    height: 17vw;
}

h1.Reviews_Ratings_Title
{
    text-align: center;
    color: orange;
    font-size: 3vw;
    text-decoration: underline;
}
div.Reviews_Ratings_Partition
{
    width: 100%;
    height: 0.25vw;
    background-color: navy;
    margin-bottom: 1vw;
}

div.Contact_Us
{
    width: 96vw;
    margin: 0vw auto;
    margin-bottom: 2.5vw;
    padding-bottom: 2vw;
    background-color: orange;
    box-shadow: 0vw 0vw 1.5vw black;
}
h1.Contact_Us_Title
{
    text-align: center;
    color: white;
    font-size: 3vw;
}
div.Contact_Us_Content
{
    width: 100%;
    margin: 0vw auto;
    display: flex;
}
div.Contact_Us_Form
{
    width: 47%;
}
div.Contact_Us_Image
{
    width: 47%;
    background-image: url('https://www.dhammitransport.com/Dhammi_Transport/Pages/Content/Contact_Us/Contact_Us.jpg');
    box-shadow: 0vw 0vw 1.5vw black;
}
div.Contact_Us_Form label
{
    font-size: 1.25vw;
    background-color: navy;
    color: white;
    margin-top: 0.75vw;
    padding: 0.375vw;
    width: 23%;
    text-align: center;
    box-shadow: 0vw 0vw 1.5vw black;
}
div.Contact_Us_Form input[type=text]
{
    width: 75%;
    font-size: 1.25vw;
    margin-top: 0.75vw;
    padding: 0.375vw;
    box-shadow: 0vw 0vw 1.5vw black;
}
div.Contact_Us_Form select
{
    font-size: 1.25vw;
    padding: 0.5vw;
    box-shadow: 0vw 0vw 1.5vw black;
    width: 75%;
}
div.Contact_Us_Form input[type=date], div.Contact_Us_Form input[type=time]
{
    font-size: 1.25vw;
    padding: 0.375vw 1vw;
    box-shadow: 0vw 0vw 1.5vw black;
    width: 37.5%;
}
div.Contact_Us_Form input[type=submit]
{
    font-size: 1.25vw;
    background-color: mediumseagreen;
    color: white;
    width: 15vw;
    text-align: center;
    margin-top: 1.5vw;
    padding: 0.375vw;
    box-shadow: 0vw 0vw 1.5vw black;
}
div.Contact_Us_Form input[type=submit]:hover
{
    background-color: lime;
}

@media screen and (max-width: 768px)
{
    div.Header
    {
        padding: 2.5vw 0vw;
    }
    div.Header_Content
    {
        display: block;
    }
    div.Header_Logo
    {
        width: 30vw;
        height: 24vw;
        margin: 0vw auto;
    }
    div.Header_Title
    {
        width: auto;
        height: auto;
    }
    div.Header_Title h1
    {
        font-size: 10vw;
        text-align: center;
        margin-top: 1vw;
    }
    div.Header_Title p
    {
        font-size: 3vw;
        text-align: center;
        margin-top: -2vw;
        margin-left: 0vw;
    }
    
    div.NB
    {
        width: 50vw;
        margin-left: 0.25vw;
        box-shadow: 0vw 0vw 1.5vw;
    }
    div.NB_Options
    {
        width: 100%;
        display: block;
    }
    div.NB_Option
    {
        width: 100%;
        margin-top: 0.25vw;
        padding: 0.5vw 2vw;
        box-shadow: none;
        font-size: 5vw;
    }
    div.NB_Toggle
    {
        visibility: visible;
        margin: 0.25vw;
        margin-bottom: 5vw;
    }
    button.NB_Toggle_Button
    {
        background-color: orange;
        color: white;
        font-size: 5vw;
        text-align: center;
        width: 10vw;
        height: 10vw;
    }
    
    div.About_Us
    {
        height: auto;
        padding-bottom: 5vw;
    }
    div.About_Us_Content
    {
        display: block;
    }
    div.About_Us_Image
    {
        width: 90%;
        height: 75vw;
        margin: 0vw auto;
    }
    div.About_Us_Text
    {
        width: 90%;
        height: auto;
        margin: 0vw auto;
    }
    h1.About_Us_Title
    {
        font-size: 8vw;
    }
    div.About_Us_Text p
    {
        font-size: 3vw;
    }
    div.About_Us_Text h1
    {
        font-size: 6vw;
    }
    div.About_Us_Text li
    {
        font-size: 3vw;
    }
    
    div.Services
    {
        padding-bottom: 5vw;
    }
    h1.Services_Title
    {
        font-size: 8vw;
    }
    div.Services_Contents
    {
        width: 90%;
        display: block;
    }
    div.Services_Content
    {
        width: 100%;
        padding: 3vw;
        margin: 5vw auto;
    }
    div.Services_Content h2
    {
        font-size: 6vw;
    }
    div.Services_Content p
    {
        font-size: 3vw;
    }
    div.Services_Content img
    {
        width: 75vw;
        height: 50vw;
    }
    
    div.Our_Fleet
    {
        padding-bottom: 3vw;
    }
    h1.Our_Fleet_Title
    {
        font-size: 8vw;
    }
    div.Our_Fleet_Contents
    {
        width: 100%;
        display: block;
    }
    div.Our_Fleet_Content
    {
        width: 90%;
        background-color: white;
        margin: 5vw auto;
    }
    div.Our_Fleet h2
    {
        font-size: 6vw;
    }
    div.Our_Fleet img
    {
        width: 100%;
        height: 75vw;
    }
    
    h1.Reviews_Ratings_Title
    {
        font-size: 8vw;
    }
    div.Reviews_Ratings_Partition
    {
        height: 1vw;
        margin-bottom: 5vw;
    }
    
    div.Contact_Us
    {
        padding-bottom: 3vw;
    }
    h1.Contact_Us_Title
    {
        font-size: 8vw;
    }
    div.Contact_Us_Content
    {
        display: block;
    }
    div.Contact_Us_Form
    {
        width: 90%;
        margin: 0vw auto;
    }
    div.Contact_Us_Image
    {
        width: 90%;
        height: 75vw;
        margin: 0vw auto;
    }
    div.Contact_Us_Form label
    {
        font-size: 3vw;
        margin-top: 1.5vw;
        padding: 1vw;
        width: 34%;
    }
    div.Contact_Us_Form input[type=text]
    {
        width: 64%;
        font-size: 3vw;
        margin-top: 1.5vw;
        padding: 1vw;
    }
    div.Contact_Us_Form select
    {
        width: 64%;
        font-size: 3vw;
        padding: 1.5vw 1vw;
    }
    div.Contact_Us_Form input[type=date], div.Contact_Us_Form input[type=time]
    {
        font-size: 3vw;
        padding: 1vw;
        width: 33.5%;
    }
    div.Contact_Us_Form input[type=submit]
    {
        font-size: 4vw;
        width: 30vw;
        margin-top: 3vw;
        padding: 1vw;
    }
    
    div.Footer
    {
        font-size: 3vw;
    }
    div.Footer_Content
    {
        display: block;
    }
    div.Footer_Address
    {
        width: 100%;
        padding: 3vw 22.5vw;
        border: none;
        border-top: 0.1vw solid white;
        border-bottom: 0.1vw solid white;
    }
    div.Footer_Contact
    {
        width: 100%;
        padding: 3vw 5vw;
    }
    div.Footer_Contact div
    {
        text-align: center;
    }
    div.Footer_Contact h1
    {
        font-size: 3vw;
    }
    div.Footer_Content i
    {
        font-size: 8vw;
    }
    div.Footer_Copyright
    {
        padding: 3vw;
    }
    div.Footer_Developer
    {
        padding: 3vw;
    }
    div.Footer_Links
    {
        width: 100%;
        padding: 0vw 35vw;
        padding-top: 2vw;
    }
    div.Footer_Links h1
    {
        font-size: 6vw;
        margin-left: 5vw;
    }
}