/* CSS za link da izgleda kao div i zadrži boju */
.call-link {
    color:  #000000;           /* koristi boju roditelja ili default boju teksta */
    text-decoration: none;    /* uklanja underline */
    display: flex;            /* zadrži flex stil */
    align-items: center;      /* zadrži poravnanje */
}

.main{
   background-color: #FFFFE3;
}


#about,
#about * {
    cursor: default;
}
  @media (min-width: 1200px) {
    section {
        min-height: 100vh; 
    }

    section.contact {
        min-height: 90vh;
    }
}

    /* Veliki ekrani: float levo */
 
    /* Veliki ekrani: float levo */
    @media (min-width: 1200px) {
        .about-img {
            float: left;
            object-fit: contain;
            /* width: 300px; */
            height: 300px;
            /* border-radius: 50%; */
           margin-right: 30px;
        }
    }

    /* Tablet i manji: centrirana slika, float uklonjen */
    @media (max-width: 1199px) {
        .about-img {
            float: none !important;
             object-fit: contain;
            display: block;
            margin: 0 auto 20px auto;
            width: 300px;
            height: 300px;
            /* border-radius: 50%; */
        }
    }

    /* Telefoni: još manja slika */
    @media (max-width: 576px) {
        .about-img {
            width: 250px;
            height: 250px;
        }
    }