@charset "UTF-8";

body.dh .main_content {
    background-image: 
        url(../images/dh-balloonhouse.png),
        url(../images/dh-clouds.png),
        url(../images/dh-bg-new.jpg);
    background-repeat:
        no-repeat,
        repeat-x,
        no-repeat;
    background-size:
        auto auto,
        100% auto,
        cover;
    background-position:
        left 21% bottom 17px, 
        center bottom 0px, 
        center center;
    
    image-rendering: auto,auto,-moz-crisp-edges;
    color: #fff;
}

body.dp .main_content {
    background-image: 
        url(../images/dp-balloonhouse.png), 
        url(../images/dh-clouds.png), 
        url(../images/dh-bg-new.jpg);
    background-repeat:
        no-repeat,
        repeat-x,
        no-repeat;
    background-size:
        auto auto,
        100% auto,
        cover;
    background-position: 
        left 21% bottom 17px, 
        center bottom 0px, 
        center center;
    
    image-rendering: auto,auto,-moz-crisp-edges;
    color: #fff;
}

.wrapper-logo a {
    height: 40%;
    top: 53%;
}

@media (max-width: 768px) {
    body.dh .main_content, body.dp .main_content {
        background-size: 
            auto 170px,
            100% auto,
            cover;
    }
    body.dh, body.dp {
      background:none;
	}
}

@media (max-width: 580px) and (min-width: 501px) {
    .wrapper-logo a {
        height: 32%;
    }
}

@media (max-width: 500px) {
    body.dh .main_content, body.dp .main_content {
         background-position:
             left 25% bottom 20px,
             center bottom 0px,
             center top;
    }
    
    #dream_home_landing_page_form .form-item,
    #dream_home_landing_page_form .search_button,
    #dream_commercial_property_landing_page_form .form-item,
    #dream_commercial_property_landing_page_form .search_button {
        margin: 0 auto;
        box-sizing: border-box;
    }
    #dream_home_landing_page_form .form-item,
    #dream_commercial_property_landing_page_form .form-item {
        width: 57%;
        min-width: 0;
    }
    #dream_home_landing_page_form .search_button,
    #dream_commercial_property_landing_page_form .search_button  {
        width: 37%;
        margin-left: -5px;
    }
}

@media (max-width: 320px) {
    /* iPhones */
   #dream_home_landing_page_form .form-item,
   #dream_commercial_property_landing_page_form .form-item {
       min-width: 0;
   }
   body.dh .main_content, body.dp .main_content {
       background-position:
         left 25% bottom 10px,
         center bottom 0px,
         center center;
   }
}

@media (max-height: 900px) and (min-width: 769px) {
    body.dh .main_content, body.dp .main_content {
        background-size:
          auto 190px,
          100% auto,
          cover;
    }
}

/* iPad Landscape */
@media (width: 1024px) and (height: 768px) {
    body.dh .main_content, body.dp .main_content {
        background-position:
          left 10% bottom 65px,
          center bottom 45px,
          center center;
    }
}

/* iPhone 5 */
@media (max-height: 568px) and (max-width: 568px) {
    body.dh .main_content, body.dp .main_content {
        background-size:
          auto 120px,
          100% auto,
          cover;
}


@media (min-width: 2200px) {
    body.dh .main_content, body.dp .main_content {
        background-position:
          left 20% bottom 120px,
          center bottom 80px,
          center center;
    }
    .wrapper-logo img {
        width: auto;
        max-width: 200%;
        height: 100%;
        max-height: 200%;
        -webkit-transform: translateX(25%);
        transform: translateX(25%);
    }
    #dream_home_landing_page_form .form-item,
    #dream_commercial_property_landing_page_form .form-item {
        width: 30%;
        max-width: 700px;
    }
}