@media screen and (min-width:768px) {
    .material-image {
        width: 25%;
        height: auto;
        margin: 10px;
    }
    
    /* Ajustar o conteúdo para 70% da largura da tela e centralizar */
.content-wrapper {
    text-align: center !important;
    width: 70%;
    margin: 0 auto;
    background-color: #ffffff; /* cor de fundo para o conteúdo */
}

/* Seção com materiais */
.material-section {
    display: flex;
    margin-top: 30px;
}



.material{
    
    padding: 50px;

}

/* Container para o vídeo */
.video-container {
    display: flex;
    justify-content: center;
}

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

/* Parágrafos com espaçamento */
p {
    line-height: 1.6;
}

/* Definir fundo para o corpo */
body {
    background-color: #ffffff;
}

}



@media screen and (max-width:768px) {
    .material-image {
        width: 100%;
        height: auto;
        margin-top: 20px;
    }
    
    /* Ajustar o conteúdo para 70% da largura da tela e centralizar */
.content-wrapper {
    width: 100%;
    margin: 0 auto;
    background-color: #ffffff; /* cor de fundo para o conteúdo */
    text-align: center;
}

/* Seção com materiais */
.material-section {
    display: flex;
    margin-top: 30px;
}

.left, .right {
    flex: 1;
}

.material{
    
    padding: 50px;

}

/* Container para o vídeo */
.video-container {
    display: flex;
    justify-content: center;
}

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

/* Parágrafos com espaçamento */
p {
    line-height: 1.6;
}

/* Definir fundo para o corpo */
body {
    background-color: #ffffff;
}

}