header {
	height:300px;
	background-image: url("banner.png");
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}

.logo {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
}

@media only screen and (max-width: 324px) { 
	.logo {
		display: block;
		margin-left: auto;
		margin-right: auto;
		padding-top: 70px;
		width: 90%;
		/* height: 80%; */
	}
	header {
		height:200px;
	}
}

@media only screen and (max-width: 224px) { 
	header {
		height:150px;
	}
}

.container {
	padding-top: 25px;
	max-width: 800px;
}

.container-footer {
	padding:5px!important;
	max-width: 800px;
}

.grid-anunturi {
    display: grid;
    grid-auto-flow: column;
    gap: 0.5rem;
    padding: 0.5rem;
}

.footer {
 /* position: sticky; */
 position: static;
  bottom: 0;
  width: 100%;
  background-color: #f5f5f5;
  margin-top: 15px !important;
  border-top: 1px solid #d9d9d9;
}

.grids-footer {
    display: grid;
    grid-auto-flow: column;
    gap: 0.5rem;
    padding: 0.5rem;
}

.partea-stanga {
	width: 90%;
}

	.showme {
		display:none;
	}

@media (max-width: 500px) {
	.grids-footer {
		display: grid;
		grid-auto-flow: row;
		gap: 0.1rem;
		padding: 0.1rem;
		font-size:1.5rem;
		background-color: #f5f5f5;
	}
	.partea-stanga {
		display:none;
	}
	.footer {
		/* height: 150px; /* Set the fixed height of the footer here */ 
		background-color: #f5f5f5;
		border-top:2px solid #9d9d9d;
	}
	.hideme {
		display:none;
	}
	.showme {
		display:block;
	}
}

@media (min-width: 600px) {
	.container {
		width:100%!important;
	}
	.container, .container-sm {
		max-width: 740px!important;
	}
}

@media (min-width: 650px) {
	.container {
		width:100%!important;
	}
}

@media (min-width: 700px) {
	.container {
		width:100%!important;
	}
	.container, .container-sm {
		max-width: 740px!important;
	}	
}

@media (min-width: 750px) {
	.container {
		width:100%!important;
	}
}

@media (min-width: 800px) {
	.container {
		width:100%!important;
	}
}

@media (min-width: 850px) {
	.container {
		width:100%!important;
	}
}

@media (min-width: 900px) {
	.container {
		width:100%!important;
	}
}

.partea-dreapta a {
    text-decoration: none;
    color: black;
}

.partea-dreapta a:hover {
    text-decoration: underline;
}


.titlu-special {
	display:flex;
	justify-content: space-between;
}

.social a {
    text-decoration: none;
    font-size: larger;
	color: #212529;
	font-weight: bold;
}


.descriere {
	font-size: smaller;
}