@charset "utf-8";



/*
    Foundation
*/

#container > h2 {
    background: center center transparent no-repeat;
    background-size: cover;

    background-image: url(../img/h2_puppy.jpg);
    padding-top: 12.6325%;
}



.img1 {
    width: 46.7372134%;
    margin-top: -58px;
    margin-left: 49%;
}

h4.h4_pt1 {
    margin-top: -7%;
}

.puppy_bg1 {
    background: url(../img/puppy_img1.jpg) no-repeat right top;
    background-size: 25.485% auto;
    height: 210px;
}

.puppy_bg2 {
    background: url(../img/puppy_img2.jpg) no-repeat left top;
    background-size: 25.749559% auto;
    height: 210px;
    /* padding-left: 350px; */
    padding-left: 30.86419753%;
}

.puppy_bg3 {
    background: url(../img/puppy_img3.jpg) no-repeat right top;
    background-size: 25.5731922% auto;
    height: 210px;
}



@media screen and (max-width: 1050px) {

    .img1 {
        width: 40%;
        margin-left: 55%;
    }

    h4.h4_pt1 {
        margin-top: -4%;
    }

    .puppy_bg1 {
        background-size: 20% auto;
    }

    .puppy_bg2 {
        background-size: 20% auto;
        padding-left: 25%;
    }

    .puppy_bg3 {
        background-size: 20% auto;
    }

}