*,
*::after,
*::before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
@font-face {
    font-family: 'Gotam Bold';
    src: url("https://www.casasbahia-imagens.com.br/html/conteudo-produto/1/55045683/font/gotham_medium/Gotham-Bold.otf");
}

@font-face {
    font-family: 'Gotam Medium';
    src: url("https://www.casasbahia-imagens.com.br/html/conteudo-produto/1/55045683/font/gotham_medium/Gotham-Book-Regular.otf");
}

img {
    width: 100%;
}
body {
    color: #0B0606;
}
.container {
    width: 100%;
    margin: 0 auto;
}

.title {
    font-family: 'Gotam Bold', serif;
    font-size: 30px;
}

.gotam-bold {
    font-family: 'Gotam Bold', serif;
}

.gotam-medium {
    font-family: 'Gotam Medium', serif;
}
.gray-small {
    color: #6b7375;
}
#first{
    background: #FFFFF;
}
#fourth {
    background: #f7f8fa;
}
#first__content {
    display: flex;
    justify-content: center;
}
#first__content #desk {
    display: none;
}
#second__content {
    display: flex;
    flex-direction: column;
    padding: 30px 20px;
}
.content-item,
#conectividade {
    display: flex;
    flex-direction: column;
}
.content-item,
.content-item div  {
    margin-bottom: 40px;
}

.content-item div > *,
#conectividade p,
#conectividade h2,
#conectividade small {
    margin-bottom: 30px;
}
#third {
    padding: 30px 20px;
}
#third__content__title {
    text-align: center;
}
#third__content__title,
#third__content p,
#conectividade h2 {
    margin: 15px 0;
}

#fourth__content,
#fifth__content {
    display: flex;
    flex-direction: column;
}
#fourth__content,
#friday__content,
#fifth__content {
    padding-top: 30px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 30px;
}

#fourth__content div {
    margin-bottom: 40px;
    max-width: 475px;
}

#fourth__content div:nth-child(even) {
    margin-right: 40px;
}

#fourth__content div img {
    max-width: 140px;
}
#fourth__content div p {
    margin-bottom: 25px;
    font-size: 17px;
}
#fourth__content div small {
    font-size: 12px;
}

#friday__content p {
    margin-bottom: 50px;
    font-size: 17px;
}

#dbv {
    margin-bottom: 40px;
}
@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
    .title {
        font-size: 35px;
    }
    #fourth__content {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 70px 0;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
    .title {
        font-size: 40px;
    }
    #first__content #desk {
        display: block;
    }
    #first__content #mobile {
        display: none;
    }
    #second__content #tv_inteli {
        flex-direction: row-reverse;
    }

    #second__content #hands_free,
    #conectividade {
        flex-direction: row;
        align-items: center;
    }
    .content-item {
        align-items: center;
    }

    #second__content #hands_free div {
        margin-right: 100px;
    }

    #second__content #tv_inteli div {
        padding-top: 50px;
    }

    #second__content #tv_inteli img {
        margin-right: 100px;
    }

    .content-item p {
        font-size: 17px;
    }

    .content-item > *,
    #conectividade > * {
        flex: 1;
    }
    
    #third__content p {
        font-size: 17px;
    }
    #conectividade div {
        padding-right: 100px;
    }
    #conectividade img {
        margin-top: 0px;
    }

    #video_chamada,
    #fullscreen,
    #hrd_memc {
        flex-direction: row;
    }
    #aipq_engine,
    #micro-dimming {
        flex-direction: row-reverse;
    }
    #aipq_engine img,
    #micro-dimming img,
    #fullscreen div,
    #hrd_memc div {
        margin-right: 50px;
    }
    #video_chamada div {
        padding-right: 50px;
    }

    #fifth {
        padding: 180px 0 50px;
    }
    #dbv {
        margin-bottom: 100px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    .container {
        max-width: 1320px;
    }
}