/* ==========================================================================
   Carolina Agustín Reyes 
   ========================================================================== */

@media only screen and (min-width: 1024px) {
	.container { width:960px;}
	header .col-md-2 { width: 11.2% }
	header .col-md-10 { width: 88.8% }
	
}


@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.container{ width:760px !important;  }
	header .col-md-2 { width: 14%; display:inline-block; }
	header .col-md-10 { width: 85.1%; display:inline-block; }
	
	div#cont-denuncia.row div.col-md-2 { width:25%; display:inline-block;}
	div#cont-denuncia.row div.col-md-7 { width:72.5%; display:inline-block; vertical-align:top;}
	div#cont-denuncia.row div.col-md-3 button.btn.btn-primary.btn-lg { float:right;}
	
	div#archivo.row div.col-md-6 { width:49.5%; display:inline-block;}
	
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
	.container{ width:560px !important;  }
	header .col-md-2 { width:19%; display:inline-block; }
	header .col-md-10 { width:80.1%; display:inline-block; }
	
	div#cont-denuncia.row div.col-md-2 { width:30%; display:inline-block;}
	div#cont-denuncia.row div.col-md-7 { width:63.5%; display:inline-block; vertical-align:top;}
	div#cont-denuncia.row div.col-md-3 button.btn.btn-primary.btn-lg { float:right; margin-right:33px;}
	
	div#archivo.row div.col-md-6 { width:49.5%; display:inline-block;}
	div#archivo.row { background:#F6F4F5; padding-top:10px; padding-bottom:0;}
	
	div.footer div.container div.row div.col-md-3 { padding-top:0; }
	div.footer div.container div.row div.col-md-4.text-center { text-align:left !important;}
	div.footer div.container p { margin-bottom:0 !important;}
	.mat-right,.mat-left{margin-right:10px !important;}
}

@media only screen and (min-width: 325px) and (max-width: 599px){
	.container{ width:310px !important;  }
	header .col-md-2 { display:none !important; }
	h1 { text-align:center; padding-left:0;}
	.logo-tepjf{ background-image:url(../img/logo-tepjf-310.png); background-size:300px 77px; width:300px; height:77px;  }
	.icono-denuncia{ background-image:url(../img/icono-denuncia.png) ; background-size:100px 100px; width:100px; height:100px; margin-left:auto; margin-right:auto;}
	div#cont-denuncia.row div.col-md-3 button.btn.btn-primary.btn-lg { font-size:14px; padding: 6px 12px; margin-left:23%;}
	
	div#archivo.row div.col-md-6 p.text-right { text-align:left !important; }
	
	div.footer div.container div.row div.col-md-3 { padding-top:0; }
	div.footer div.container div.row div.col-md-4.text-center { text-align:left !important;}
	div.footer div.container p { margin-bottom:0 !important;}
	.btn-group{ float:none; margin:auto;}
	.mat-right,.mat-left{float: none; width: 90% !important; display:block;}
	
}