.colleagues-section {
    margin:           0 auto;
    padding:          .5rem;
    background-color: #F5F5F5;
    display:          flex;
    flex-direction:   row;
    flex-wrap:        wrap;
    justify-content:  space-around;
    
}
  
.leader-section {
    display:          flex;
    background-color: #F5F5F5;
    margin:           0 auto;
    padding:          .5rem;
}
  
.name-card {
    border-radius:    .5rem;
    display:          flex;
    /* width:            30.5rem; */
    margin:           1rem auto;
    background-color: #F8F8FF;
    background-color: white;
    padding: 1.2rem;
    /*box-shadow:     0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
    /*box-shadow:       0 0 20px -10px #A72A32;*/  
}
  
.profile-pic {
    width:  10rem;
    height: 12.5rem;
}

.personal-data {
    margin-left: 2rem; 
    line-height: 1.6rem;
    width:       14rem;
}

.personal-data h1 {
    padding: 0;
    margin-top: 0;
}

.title {
    width:          95vw;
    margin:         0 auto;
    margin-top:     2rem;
    line-height:    3rem;
    width:          60vw;
    margin:         0px auto;
    padding:        0rem;
    max-width:      1000px;
}

.title h1 {
    font-size:   2rem;
    text-align:  center;
    font-family: "Roboto", sans-serif;
    font-size:   1.3rem;
    font-weight: bold;
}
  
.personal-data h1 {
    text-transform: uppercase;
    margin-bottom:  2rem;
    font-weight:    bold;
    text-align:     left;
}
    
.personal-data p {
    font-family: "Roboto", sans-serif;
    text-align:  left;
    font-size: .8rem;
}

.personal-data a {
    color: black;
    font-size: 1rem;
}

.personal-data a:hover {
    color: #A72A32;
    transition: color .2s ease-in-out;
}
  
.profile-pic img {
    border-radius: .5rem;
    height:        100%;
    width:         100%;
    box-shadow:    0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/* Kapcsolatok lapon lévő h1, h2, p.*/

.text-box .lab-contact, .education-related, .industrial-contact {
    text-align: center;
}

.text-box .building-h-location {
    margin: 6rem 0 2rem 0;
}

/* */

@media (max-width: 1300px) {
    .colleagues-section {
        flex-direction: column;
    }
}
  
@media (max-width: 500px) {
    
    .leader-section, .colleagues-section {
        padding: 0;
    }
    
    .name-card {
        width:            100vw;
        margin:           .8rem auto;
        display:          block;
        border:           none;
        border-radius:    0;
    }
    
    .personal-data h1 {
        font-size:  1.2rem;
        text-align: center;
    }
    
    .personal-data p {
        font-size:  .8rem;
        text-align: center;
    }
    
    .profile-pic {
        width:  8rem;
        height: 10rem;
        margin: 1.8rem auto;
    }
    
    .personal-data {
        margin:      .8rem auto;
        padding:     .8rem;
        line-height: 1.28rem;
        width:       11.2rem;
        text-align:  center;
    }
    
}