/*Rólunk*/
div.divManagement
{
    display: inline-block;
    width: 210px;
    vertical-align: top;
    margin-bottom: 25px;
    margin-right: 30px;
}

div.divManagement:nth-child(3n)
{
    margin-right: 0px;
}

div.divManagementFoto
{
    height: 210px;
    background-color: rgb(230,222,222);
}

div.divManagementNev
{
    color: rgb(204,51,51);
    font-size: 24px;
    font-family: RobotoLight;
    line-height: 26px;
    margin-top:2px;
}
   
div.divManagementNev span
{
    text-transform: uppercase;
}

span.spanManagementBeosztas
{
    font-size: 14px;
}


@media screen and (max-width: 640px)
{
    div.divManagement
    {
        position: relative;
        display: block;
        width: auto;
        margin-bottom: 10vw;
        margin-right: 0px;
        overflow: hidden;
    }
    
    div.divManagementFoto
    {
        position: relative;
        display: inline-block;
        width: 43vw;
        overflow: hidden;
        text-align: center;
        height: 62vw;
        
    }
    
    div.divManagementFoto img
    {
        width: auto;
        height: 62vw;
        transform: translate( -50% ) translate( 21.5vw );
    }
    
    
    div.divManagementSzoveg
    {
        display: inline-block;
        margin-left: 2vw;
        max-width: 43vw;
    }
    
    div.divManagementNev
    {
        font-size: 5.6vw;
        line-height: 6vw;
        margin-top:2px;
    }
    
    span.spanManagementBeosztas
    {
        font-size: 3.125vw;
    }
}