* {
    font-family: 'Nunito', sans-serif;
}

.container {
    max-width: 1440px;
    margin: 0 auto;
}

.logos {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.x-kom-logo {
    width: 75%;
}

.x-kom-logo:hover {
    opacity: 0.7;
}

 .samsung-logo {
    width: 10%;
}
/*
.samsung-logo:hover {
    opacity: 0.7;
} */

.content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 50px;
    padding-left: 25px;
    padding-right: 25px;
}

.header-img {
  width: 50%;
}
.copy {
    padding-right: 110px;
}

.h1-copy {
    font-size: 49px;
    margin-bottom: 0 !important;

}

.p-copy {
    font-size: 21px;
}

@media(max-width: 550px) {
    .x-kom-logo {
        width: 70%;
    }
    .samsung-logo {
        width: 30%;
    }

    .header-img {
        width: 75%;
    }

    .content {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
        padding: unset !important;
    }

    .copy {
        padding-right: unset;
    }
    
    .h1-copy {
        font-size: 29px;
        margin-bottom: 0 !important;
    
    }
}

@media(min-width: 551px) and (max-width: 1024px) {
    .x-kom-logo {
        width: 70%;
    }
    .samsung-logo {
        width: 20%;
    }

    .header-img {
        width: 75%;
    }

    .content {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
        padding: unset !important;
    }

    .copy {
        padding-right: unset;
    }
    
    .h1-copy {
        font-size: 29px;
        margin-bottom: 0 !important;
    
    }
}

/* SECTION 1 */

.check {
    background-color: #f7f7f7;
    border-radius: 20px;
    margin-top: 75px;
    padding-top: 50px;
    padding-bottom: 50px;
}

.check-content {
    display: flex;
    justify-content: center;
    align-items: center;
}

.ssd980-img {
    max-width: 40%;
    padding-left: 25px;
    padding-right: 25px;
}

.check-text {
    max-width: 50%;
    text-align: center;
}

.check-text h2 {
    font-size: 45px;
    margin-bottom: unset !important;
    margin-top: unset !important;
    padding-top: unset !important;
}

.check-text p {
    font-size: 18px;
}

a {
    text-decoration: none;
}

.btn {
    display: inline-block;
    color: black;
    border: 1px solid black;
    border-radius: 50px;
    padding: 10px 30px;
}

.btn:hover {
    color: white;
    background-color: black;
}

@media(max-width: 550px) {
    .check-content {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .check-text h2 {
        font-size: 29px;
    }
    
    .check-text p {
        font-size: 16px;
    }

    .ssd980-img {
        max-width: 70%;
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .check-text {
        max-width: 80%;
        text-align: center;
    }
}

/* SECTION 2 */
.change {
    margin-top: 75px;
    padding-top: 20px;
    padding-bottom: 50px;
    text-align: center;
}

.change-copy {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.change-copy h2 {
    font-size: 45px;
    margin: unset !important;
    text-align: center;
    padding-bottom: 10px;
}

.change-copy p {
    font-size: 18px;
    margin: unset !important;
    padding-bottom: 65px;
}

.change-steps {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding-bottom: 45px;
}

.step {
    max-width: 25%;
}

.step:not(:last-child) {
    margin-right: 45px;
}

.step img {
    max-width: 130px;
}

@media(max-width: 550px) {
    
    .change-copy h2 {
        font-size: 25px;
    }
    
    .change-copy p {
        font-size: 16px;
    }

    .step {
        max-width: 85%;
        margin: unset !important;
        padding-bottom: 15px;
    }

    .change-steps {
        flex-wrap: wrap;
    }
}

/* SECTION 3 */

.movie {
    background-color: #f7f7f7;
    border-radius: 20px;
    margin-top: 35px;
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
}

video {
    max-width: 100%;
    height: auto;
}

/* SECTION 4 */


.advantages {
    margin-top: 35px;
    padding-top: 50px;
}

.advantages-steps {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding-bottom: 45px;
}

.advantages-copy {
    text-align: center;
}

.advantages-copy h2 {
    font-size: 45px;
    margin: unset !important;
    padding-bottom: 10px;
}

.advantages-copy p {
    font-size: 18px;
    margin: unset !important;
    padding-bottom: 65px;
}

.advantages-steps .step {
    width: 25% !important;
}

.advantages-steps .step:not(:last-child) {
    margin-right: 45px;
}

.advantages-steps .step img {
    max-width: 130px;
}

@media(max-width: 550px) {
    .advantages-steps {
        flex-wrap: wrap;
    }

    .advantages-steps .step {
        width: 85% !important;
    }

    .advantages-copy h2 {
        font-size: 29px;
    }
    
    .advantages-copy p {
        font-size: 16px;
    }
    
}

/* SECTION 5 */

.choose {
    background-color: #f7f7f7;
    border-radius: 20px;
    margin-top: 35px;
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
}

.choose-copy h2 {
    font-size: 45px;
    margin: unset !important;
    padding-bottom: 10px;
}

.choose-copy p {
    font-size: 18px;
    margin: unset !important;
    padding-bottom: 65px;
}

.zlacze {
    text-align: center !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.zlacze a:not(:last-child) {
    margin-right: 35px;
}

.zlacze li:not(:last-child) {
    padding-right: 150px;
}

@media(max-width: 550px) {
    .zlacze {
        flex-direction: column;
    }

    .zlacze a:not(:last-child) {
        margin-right: unset;
        margin-bottom: 20px;
    }
}

/* SECTION 6 */

.buy {
    margin-top: 35px;
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
}


.product {
    max-width: 30%;
}

.product:not():last-child {
    padding-right: 25px;
}

.buy-products {
    display: flex;
    justify-content: center;
    align-items: center;
}

.product h3{
    padding: 0px;
}

.product img {
    max-width: 50%;
}

.product ul {
    padding: 16px;
}

@media(max-width: 550px) {
 
    .product {
        max-width: 85%;
    }
    
    .product {
        padding-right: unset;
        margin-bottom: 35px !important;
    }
    
    .buy-products {
        flex-wrap: wrap;
    }
    
}

@media(min-width: 551px) and (max-width: 1024px) {

    .product {
        max-width: 45%;
    }

    .buy-products {
        flex-wrap: wrap;
    }
}