.section-container{
	background: rgb(255 0 0 / 1%);
    border:1px blue dashed;
    
}

/* Estilos padrão primeiro (mobile-first) */
/* Para telas menores que 1024px (tablets e dispositivos maiores) */
@media screen and  (max-width: 1023px) {
    /* Estilos para dispositivos menores que 1024px */

	header, footer{
		background-color: rgba(0, 0, 255, 0.20);
	}

}

/* Para telas menores que 768px (tablets em modo retrato e smartphones grandes) */
@media screen and  (max-width: 767px) {
    /* Estilos para dispositivos menores que 768px */
	header, footer{
		background-color: rgba(0, 128, 0, 0.20);
	}
}

/* Para telas muito pequenas (smartphones) */
@media screen and (max-width: 480px) {
    /* Estilos para dispositivos menores que 480px */

	header, footer{
		background-color: rgba(255, 0, 0, 0.20);
	}



}