/** {
    margin: 0;
    padding: 0;
}*/

@media (min-width: 768px) and (max-width: 1280px) {

    .mainDiv {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100vw;
        margin: auto;
    }

    .container {
        /*position: relative;*/
        width: 768px;
        height: 5291px;
        margin: auto;
        /*display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: flex-start;*/

    }

    .startScreen {
        height: 1165px;
    }

    .HeadDiv {
        width: 708px;
        height: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .headerContainer {
        width: 708px;
        height: 60px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        left: calc(50% - 1200px/2);
        margin-top: 60px;
        align-items: center;
        margin-top: 50px;
    }

    .logoCozy {
        width: 184px;
        height: 60px;
        margin-left: 50px;
    }

    nav {
        display: flex;
        justify-content: end;
        padding-right: 0px;
        margin-left: 60px;
    }

    .screenContent {
        width: 569px;
        height: 1015px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        /*align-items: spa;*/
        margin: auto;
        margin-top: 90px;
    }

    .content {
        width: 460px;
        height: 322px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        /*margin-bottom: 200px;*/
    }

    .button {
        margin: auto;
    }

    .spaceMone {
        height: 93px;
    }


    .puppy {
        width: 569px;
        height: 593px;
        /*left: calc(50% - 569px/2 + 70px);*/
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
        margin-top: 0px;
    }

    .about2 {
        width: 768px;
        height: 1048px;
        background: #FFFFFF;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .aboutContent {
        width: 437px;
        height: 868px;
        left: calc(50% - 437px/2 - 0.5px);
        top: calc(50% - 868px/2 - 10px);
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        justify-content: space-between;
        margin-top: 80px;
    }

    .content2 {
        width: 430px;
        height: 380px;
        margin-bottom: 150px;
    }

    h3 {
        margin-bottom: 25px;
    }

    .pats {
        width: 768px;
        height: 877px;
        background: #F6F6F6;
    }

    .patsContent {
        width: 708px;
        height: 697px;
        left: calc(50% - 708px/2);
        top: 80px;
    }

    .slider {
        width: 708px;
        height: 435px;
    }

    #woody {
        height: 0;
        width: 0;
        background: #F6F6F6;
        border-radius: 0px;
        overflow: hidden;
    }

    .woodyPic {
        overflow: hidden;
    }

    .helpBlock {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 768px;
        height: 779px;
        background: #FFFFFF;
    }

    .helpContent {
        width: 630px;
        height: 599px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .list {
        width: 630px;
        height: 449px;
        display: flex;
        /*align-items: center;*/
        justify-content: space-between;
        flex-direction: row;
        flex-wrap: wrap;
        /*border-color: crimson;
        border-style: solid;*/

    }

    .patFood {
        width: 170px;
        height: 113px;
        margin: 0;
        padding: 0;
        /*margin-right: 60px;*/
    }

    .transportation {
        width: 170px;
        height: 113px;
        /*margin-right: 60px;*/
        margin: 0;
        padding: 0;
    }

    .toys {
        width: 170px;
        height: 113px;
        margin: 0;
        padding: 0;
    }

    .bowlsAndCups {
        width: 170px;
        height: 113px;
        margin: 0;
        padding: 0;
    }

    .shampoos {
        width: 170px;
        height: 113px;
        margin: 0;
        padding: 0;
    }

    .vitamins {
        width: 170px;
        height: 113px;
        margin: 0;
        padding: 0;
    }

    .medicines {
        width: 170px;
        height: 113px;
        margin: 0;
        padding: 0;
    }

    .collarsLashes {
        width: 170px;
        height: 113px;
        margin: 0;
        padding: 0;
    }

    .slippingAreas {
        width: 170px;
        height: 113px;
        margin: 0;
        padding: 0;
    }

    .DonationBlog {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 768px;
        height: 783px;
        background: #F6F6F6;
    }

    .donationContent {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column-reverse;
        width: 768px;
        height: 783px;
    }

    .donContect {
        width: 380px;
        height: 282px;
        margin-bottom: 60px;
    }

    .foot {
        height: 639px;
        width: 768px;
        display: flex;
        justify-content: center;
        align-items: flex-end;
    }

    .footContent {
        height: 639px;
        width: 768px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .divConteiner {
        width: 708px;
        height: 234px;
        margin-top: 60px;
    }

    .footPuppy {
        width: 300px;
        height: 310px;
        margin-top: 37px;
    }
}