/**header */

.header-fond-1 {
    background-image: url('../data/images/main-2.png');
    background-size: cover;
    height: 60em;
    width: 100;
}

.header-content {
    padding-top: 5%;
}

@media only screen and (min-width: 200px) {
    .header-fond-1 {
        background-size: cover;
        background-position: center;
        width: 100%;
        height: 17em;
    }
}

@media only screen and (min-width: 215px) {
    .header-fond-1 {
        background-size: cover;
        height: 30em;
    }
}

@media only screen and (min-width: 228px) {
    .header-fond-1 {
        background-size: cover;
        height: 30em;
    }
}

@media only screen and (min-width: 256px) {
    .header-fond-1 {
        background-image: url('../data/images/main-2.png');
        background-size: cover;
        background-size: cover;
        background-position: center;
        width: 100%;
        height: 23em;
    }
}

@media only screen and (min-width: 315px) {
    .header-fond-1 {
        background-size: cover;
        height: 30em;
    }
}

@media only screen and (min-width: 320px) {
    .header-fond-1 {
        background-size: cover;
        height: 30em;
    }
}

@media only screen and (min-width: 370px) {
    .header-fond-1 {
        background-size: cover;
        height: 35em;
    }
}

@media only screen and (min-width: 400px) {
    .header-fond-1 {
        background-size: cover;
        height: 40em;
    }
}

@media only screen and (min-width: 420px) {
    .header-fond-1 {
        background-size: cover;
        background-position: center;
        width: 100%;
        height: 30em;
    }
} 


@media only screen and (min-width: 428px) {
    .header-fond-1 {
        background-size: cover;
        height: 40em;
    }
} 

@media (min-width: 530px) {
    .header-fond-1 {
        background-size: cover;
        height: 45em;
    }
}

@media (min-width: 550px) {
    .header-fond-1 {
        background-size: cover;
        height: 45em;
    }
}

@media (min-width: 576px) {
    .header-fond-1 {
        background-size: cover;
        height: 45em;
    }
}

@media (min-width: 600px) {
    .header-fond-1 {
        background-size: cover;
        background-position-x: center;
        width: 100%;
        height: 50em;
    }
}

@media (min-width: 700px) {
    .header-fond-1 {
        background-size: cover;
        height: 45em;
    }
}


@media (min-width: 768px) {
    .header-fond-1 {
        background-image: url('../data/images/main-2.png');
        background-size: cover;
        height: 65em;
    }
}

@media (min-width: 772px) {
    .header-fond-1 {
        background-image: url('../data/images/main-2.png');
        background-size: cover;
        height: 45em;
    }
}


@media (min-width: 792px) {
    .header-fond-1 {
        background-image: url('../data/images/main-2.png');
        background-size: cover;
        height: 45em;
    }
}

@media (min-width: 800px) {
    .header-fond-1 {
        background-image: url('../data/images/main-2.png');
        background-size: cover;
        height: 65em;
    }
}

@media (min-width: 878px) {
    .header-fond-1 {
        background-image: url('../data/images/main-2.png');
        background-size: cover;
        height: 45em;
    }
}

@media (min-width: 900px) {
    .header-fond-1 {
        background-image: url('../data/images/main.png');
        background-size: cover;
        height: 45em;
    }
}

@media (min-width: 992px) {
    .header-fond-1 {
        background-image: url('../data/images/main.png');
        background-size: cover;
        height: 45em;
    }
}
 @media (min-width: 1200px) {
    .header-fond-1 {
        background-image: url('../data/images/main.png');
        background-size: cover;
        height: 60em;
    }

    .header-content {
        padding-top: 10%;
    }
  }
  @media (min-width: 1400px) {
    .header-fond-1 {
        background-image: url('../data/images/main.png');
        background-size: cover;
        height: 60em;
    }
  }