.container {
				height: 100%;
				width: 100%;
				position: absolute;
				display: grid;
				grid-template-columns: 70% 30%;
				grid-template-rows: 50% 30% 20%;
			}

#cont-empresa	{
				    display: grid;
					width: 70%;
					grid-auto-rows: 60px;
                    grid-auto-flow: dense;
                	grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
                	justify-content: center;
                    row-gap: 10px;
                    column-gap: 10px;
                }

.ingreso 	{
				padding-right: 20px;
				display: flex;
				grid-row: 3 / 4;
				align-items: start;
				justify-content: center;
			}

.ingreso a 	{
				padding: 5px;
				color: #00427A;
				cursor: pointer;
				font-size: 2.2em;
				text-shadow: 0.1em 0.1em 0.1em #C4C4C4;
			}

.ingreso a:hover	{	font-weight: bold;	}

/* ---------------------------------------------------------------------------------------- MEDIA QUERYS */
@media only screen and (max-width: 1024px)
{
	#cont-empresa	{
                    	column-gap: 10px;
                    	grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
	                }
}

@media only screen and (max-width: 768px)
{
	#cont-empresa	{
						width: 85%;
						column-gap: 10px;
						grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
            		}
}

@media only screen and (max-width: 581px)
{
	.container	{	grid-template-rows: 40% 40% 20%;	}	

	#img-logo	{	width: 90%;	}

	#cont-empresa	{
						width: 90%;
						column-gap: 10px;
						grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
        			}

	#cont-logo	{	padding-bottom: 20px;	}
}

@media only screen and (max-width: 350px)
{
	.container	{	grid-template-rows: 40% 40% 20%;	}	

	#img-logo	{	width: 90%;	}

	#cont-empresa	{
						width: 90%;
						column-gap: 10px;
						grid-template-columns: repeat(auto-fill, minmax(60px, 1fr));
        			}

	#cont-logo	{	padding-bottom: 20px;	}
}

@media only screen and (min-width: 1400px)
{
	.container	{	grid-template-rows: 40% 40% 20%;	}	

	#img-logo	{	width: 50%;	}

	#cont-empresa	{
						width: 80%;
						column-gap: 20px;
						grid-auto-rows: 100px;
						grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
        			}

	#cont-logo	{	padding-bottom: 20px;	}

	.ingreso a 	{
					padding: 10px;
					font-size: 2.8em;
				}
}

@media only screen and (min-width: 2300px)
{
	#img-logo	{	width: 40%;	}

	#cont-empresa	{
						width: 70%;
						column-gap: 20px;
						grid-auto-rows: 140px;
						grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
        			}

	#cont-logo	{	padding-bottom: 20px;	}

	.ingreso a 	{	font-size: 3em;	}
}

@media only screen and (min-width: 3000px)
{
	#img-logo	{	width: 30%;	}

	#cont-empresa	{
						width: 70%;
						column-gap: 20px;
						grid-auto-rows: 170px;
						grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
        			}
}

@media only screen and (min-width: 4000px)
{
	#img-logo	{	width: 25%;	}

	#cont-empresa	{
						width: 70%;
						column-gap: 20px;
						grid-auto-rows: 200px;
						grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
        			}
}

@media only screen and (min-width: 5000px)
{
	#img-logo	{	width: 25%;	}

	#cont-empresa	{
						width: 70%;
						column-gap: 20px;
						grid-auto-rows: 230px;
						grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
        			}
}

@media only screen and (max-height: 300px)
{
	#cont-empresa	{
						width: 90%;
                    	column-gap: 10px;
                    	grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
                	}
}
/* ----------------------------------------------------------------------------------------------------- */