body {
	background-color: #f8f9fa;
}

.container{
	margin-top: 20px;
}

.banner {
    background-image: url("../images/jkayabas.png");
    background-size: contain;       /* Η εικόνα καλύπτει όλο το div */
    background-position: center;  /* Κεντράρισμα εικόνας */
    background-repeat: no-repeat; /* Αποφυγή επανάληψης */
    width: 100%;
    height: auto; /* Ύψος που μπορείς να αλλάξεις ανάλογα με την οθόνη */
    aspect-ratio: 1920 / 500;
}
@media (max-width: 768px) {
  .banner {
    height: 250px; /* πιο μικρό ύψος στο κινητό */
    object-position: center top; /* εστιάζει πιο πολύ στο πάνω μέρος */
  }
}

@media (max-width: 480px) {
  .banner {
    height: 200px;
    object-position: center; /* ίσως θέλεις να το αλλάξεις σε left/right ανάλογα τι θέλεις να φαίνεται */
  }
}


.main-article-title{
	font-size: 2em;
	font-weight: bold;
	text-decoration: none;
	color:  black;
}

.article_date,.article_date:hover{
	font-size: 1em;
	color:  black;
}

.main-article-partial-text,.main-article-full-text{
	font-size: 1.5em;
	margin-top: 20px;
}

.main-article-category{
	color: rgba(0, 0, 0, 0.4);
}

.author-name:link{
	color: gray;
}

.author-name:visited{
	color: #696969;
}

.author-name:hover{
	color: #D3D3D3;
}

.article_title:link, .article_title:hover, .article_title:visited{
	text-decoration: none;
	color:  black;
}

.main-article-category:hover,.main-article-title:hover,.author-name{
	text-decoration: underline;
	color:  black;
}

footer{
	color: #fff;
	background-color: #343a40;
}

.litems,.mlink{
	text-decoration: none;
	/*color: #f8f9fa;*/
	color: rgba(255,255,255,.90)!important;

}
.litems:hover{
	/*color: white;*/
	color: rgba(255,255,255,10)!important;
}

.row{
	margin-top: 20px;
}

.navbar-profile-image{
	width: 50px;
	height: 50px;
}

.profile-image{
	width: 60px;
	height: 60px;
	margin: 10px;
}

.a_image{
  border: 1px solid #ddd;
  border-radius: 8px;
}

.aba_header{
	text-align: center;
}

.error_message{
    font-size: 3em;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    color:  red;
}

.error_image{
    display: block;
    margin-left: auto;
    margin-right: auto;
}