﻿/*Start putting the items down here to create the simplified css page*/
/*Small Screens*/
@media(max-width:450px) {
    .logo {
        display: none;
    }

    .index_title {
        font-weight: bold;
        text-align: left;
        font-size: 25px;
        padding-top: 50px;
        padding-left: -10px;
    }

    .paw {
        /*center*/
        display: block;
        margin-left: auto;
        /*change size*/
        max-width: 100%;
    }

    .index-bg {
        background-image: url("../Image/index_bg_sm.jpg");
        min-height: 50%;
        min-width: 100%;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        overflow-y: hidden;
        overflow-x: hidden;
    }

    .index-font {
        font-family: 'Bradley Hand ITC';
        font-weight: bold;
        text-align: center;
        font-size: 15px;
    }
    .au_pic_lg {
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
    }

    .au_pic_sm {
        padding-top: 25px;
        max-width: 125%;
    }
    .au_ttm_lg {
        display: none;
    }

    .au_ttm_carousel {
        display: block;
    }
    .review {
        margin: auto;
        max-width: 100%;
        padding-bottom: 5%;
        padding-top: 5%;
    }
    .services_lg{
        display:none;
    }
    .services_sm{
        display:block;
    }
    /*
    .contact_img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
    }
        */
    .index_lg{
        display:none;
    }
    .contact_lg{
        display:none;
    }
    .contact_sm {
        display:block;
    }
    /*
    .contact_bg_sm {
        background-image: url("../Image/mobile_contact.jpg");
        min-height: 100%;
        min-width: 100%;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        overflow-y: hidden;
        overflow-x: hidden;
    }
    */
    .contact_border4 {
        border-top: thick;
        border-bottom: thick;
        border-color: #FDB640;
    }
}
/*Not Small Screens*/
@media(min-width:451px) {
    .logo {
        /*center*/
        display: block;
        margin-left: auto;
        margin-right: auto;
        /*shrink the distance from the image to the bottom of the div element*/
        margin-bottom: -100px;
        /*change size*/
        max-width: 30%;
        /*set it to the top*/
        margin-top: -60px;
    }

    .index_title {
        font-weight: bold;
        text-align: left;
        font-size: 70px;
        padding-top: 50px;
        padding-left: -10px;
        /*shrink the distance from the text to the bottom of the div element*/
        margin-bottom: -40px;
    }

    .paw {
        /*center*/
        display: block;
        margin-left: auto;
        /*change size*/
        max-width: 60%;
        /*set it to the top*/
        margin-top: -40px;
        /*shrink the distance from the image to the bottom of the div element*/
        margin-bottom: -40px;
    }

    .index-bg {
        background-image: url("../Image/index_bg.jpg");
        min-height: 100%;
        min-width: 100%;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        overflow-y: hidden;
        overflow-x: hidden;
    }

    .index-font {
        font-family: 'Bradley Hand ITC';
        font-weight: bold;
        text-align: center;
        font-size: 30px;
    }

    .au_pic_lg {
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 75%;
    }

    .au_pic_sm {
        padding-top: 50px;
        max-width: 100%;
    }

    .au_ttm_lg {
        display: block;
    }

    .au_ttm_carousel {
        display: none;
    }

    .services_lg {
        display: block;
    }

    .services_sm {
        display: none;
    }
    .contact_img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 50%;
    }
    .index_lg{
        display:flex;
    }
    .contact_lg {
        display: flex;
    }
    .contact_sm{
        display:none;
    }
}
/*All Screens*/
    .menu-items {
        text-decoration: none;
        /*center with logo*/
        padding-top: 30px;
        text-align: center;
        /*Change text color to black*/
        color: black;
        font-family: Georgia;
        font-size: 20px;
    }

    body {
        font-family: Georgia;
    }

    .zps_yellow {
        background-color: #FFF7EC;
    }

    .zps_blue {
        background-color: #8FEFFF;
    }

    .zps_brown {
        background-color: #BC8976;
    }

    .zps_black {
        color: #000000;
    }

    .service_img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 75%;
    }

    .contact_border1 {
        border-bottom: thick;
        border-color: #FDB640;
    }

    .contact_border2 {
        border-top: thick;
        border-left: thick;
        border-bottom: thick;
        border-color: #FDB640;
    }

    .contact_border3 {
        border-right: thick;
        border-color: #FDB640;
    }
    
    .send_img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 25%;
        margin-bottom: -150px;
    }

    input, textarea {
        background: none;
        border: none;
        border-bottom: 1px solid #000000;
    }

    .form-text {
        text-align: center;
        color: #000000;
        font-size: 28px;
    }
.false{
    display:none;
}
.true{display:block;}
textarea {
    width: auto;
    height: auto;
}
label{
    padding-top:5px;
    padding-bottom:5px;
}
#startDate, #endDate{
    width:auto;
}
button[type=submit] {
    background: src(../Image/paw.jpg);
    border: 0;
    display: block;
    height: auto;
    width: auto;
}