.content {
	display: flex;
	align-content: 	center;
	flex-direction: column;
	align-items: center;
	flex-wrap: wrap;
    max-width: 762px; 
    width: 100%;
    margin: 0 auto;
}
        
.preheader, .header, #nav, .main_content {
    width: 100%;
}
        

        
.main_content {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: space-evenly;
}

.table-container{
	width: 100%;
	overflow-x: auto;
}

.sd_left {
	width: 580px;
	min-width: 580px;
	max-width: 580px;
	flex-shrink: 0;
	flex-grow: 0;
}

.sd_right {
	width: 170px;
	min-width: 170px;
	max-width: 170px;
	flex-shrink: 0;
	flex-grow: 0;
}
/*
.sd_left {
	width: 600px;
	flex-shrink: 0;
    background-color: #FFF;
	color: #000;
	margin: 0 0 0px 0px;
	padding: 0px 0px 0px 0px;
	max-width: 100%;
	
}	

.sd_right {
    clear:both;
    background-color: #FFF;
	float: right;
	color: #000;
	margin: 0 0 0 0;
	padding: 0px 0px 0 15px;
	width: 170px;
	flex-shrink:0;
	border-left: 1px dashed #ccc;
}	
*/
table {
	width: 100%; 
    border-collapse: collapse;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}
#nav {
    display: flex;
    }
#nav a {
	flex: 1 1 auto; 
	text-align: center;
}
    
#nav ul { display: flex; justify-content: space-around; margin:0; list-style:none; padding: 0px 0 0 0px; }

/* Small screens (e.g., smartphones) */
@media (max-width: 768px) {
	body {
    	font-size: 14px;
    }
	#nav {
    	flex-direction: column;
    }
	table {
		width: 100% !important; /* Força a tabela a ocupar o espaço do container */
		max-width: 100%;        /* Garante que ela nunca passe do limite */
		box-sizing: border-box;
    }

	/* Evita que os inputs dentro dela quebrem para fora */
	table input, table select, table textarea {
	    max-width: 100%;
	    box-sizing: border-box;
	}
	.main_content {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: space-evenly;
	}
	.sd_left {
		width: 580px;
		max-width: 100%;
		min-width: 0;
		flex-shrink: 0;
		flex-grow: 0;
	}

	.sd_right {
		width: 170px;
		min-width: 0px;
		max-width: 100%;
		flex-shrink: 0;
		flex-grow: 0;
	}
	
}

    /* Medium screens (e.g., tablets) */
@media (min-width: 769px) and (max-width: 1024px) {
}