body {
    padding-top: 90px;
    color:saddlebrown;
    background-color: #cccdb6;
}

a:visited {
    color:saddlebrown;
}
a:link {
    color:darkgoldenrod;
}
a:hover {
    color:brown;
}
.btn-custom {
    color:saddlebrown;
    background-color: antiquewhite;
}
nav a:visited {
    color:beige;
}
nav a:link {
    color:aliceblue;
}
nav a:hover {
    color:saddlebrown;
}


.navbar-inverse {
    color: #c7bfb4;
    background-color: #4a3f41;
}

.navbar-inverse .navbar-nav > li > a {
    color: #c7bfb4;
    background-color: #4a3f41;
}

.navbar-inverse .navbar-nav > li > a:hover {
    color: #4a3f41;
    background-color: #c7bfb4;
}

.navbar-inverse .navbar-brand > li > a:hover {
    color: #c7bfb4;
    background-color: #4a3f41;
    padding: 6px;
}

.btnAdmin {
    background-color: #c9b181;
    border-color: #ad925d;
}

.nav-tabs > li > a {
    font-size: 16px;
    font-weight: bold;
    border: 1px solid #ddd;
}

.nav-tabs {
    border-bottom: 0;
}

.admin-header-color {
    background-color: #babba1;
}

.projects {
  text-align: center;
}


.project-img { 
    width: 150px;
    height: 200px;
}

.project-img2 { 
  /*display: flex;*/
  /*justify-content: center;*/
  align-items: center;
  height: 200px;
  width: 150px;;
  padding-top:22%;
  padding-bottom:22%;
  padding-left: 12px;
  padding-right:12px;
  /*border: 3px solid rgba(255,255,255,0.4); /* félig átlátszó fehér */
  box-shadow:
    inset 0 0 25px rgba(0,0,0,0.4), /* belső árnyék */
    0 0 15px rgba(0,0,0,0.2);       /* külső árnyék (opcionális) */
} 

/*.project-img2 img {*/
/*    max-width: 100%;*/
/*    max-height: 100%;*/
    object-fit: contain; /* megtartja az arányokat */
/*}*/
    
.project-text {
    text-align: center;
    margin-top: 10px;
}


/* --- Mobil optimalizálás --- */
/* Xiaomi Mi 10 Pro */
@media screen 
  and (device-width: 1080px)
  and (device-height: 2340px)
  and (-webkit-device-pixel-ratio: 2),
screen 
  and (max-width: 1080px)
  and (-webkit-min-device-pixel-ratio: 2) {

  /* Ide jöhetnek a Mi 10 Pro-ra célzott stílusok */
}
/* Xiaomi 12 Pro */
@media screen 
  and (device-width: 1440px)
  and (device-height: 3200px)
  and (-webkit-device-pixel-ratio: 3),
screen 
  and (max-width: 1440px)
  and (-webkit-min-device-pixel-ratio: 3) {

  /* Ide jöhetnek a Xiaomi 12 Pro-ra célzott stílusok */
}
@media (max-width: 768px) {
    .project-img2 {
        width: 150px;
        height: 200px;
        padding: 10px;
        padding-top:10%;
        padding-bottom:10%;
    }
}

@media (max-width: 480px) {
    .project-img2 {
        width: 150px;
        height: 200px;
        padding: 10px;
        padding-top:10%;
        padding-bottom:10%;
    }
}