.map{
    padding-top:20px;
    display:flex;
}

.map >div:first-child{
    width: 40%;
}


.map >div:first-child>div{
    padding:20px;
    display: flex;
    flex-direction: column;
}

.map .pp, .map .pp a{
        display: flex;
        align-items: center;
        padding:5px;
 
}

.map .hid0{
 
    background-color: #ffdd00;
    font-weight: 600;
    padding:15px;
}

#advantages{
   text-align: justify;
    margin-left: 10%; 
    margin-right: 10%;
 }
#advantages>div{
display:flex;
align-items: center;
}

#advantages>div>div:first-child{
    width:150px;
}


.table{
    padding:20px;
}


.table>div{
     padding: 5px;
    display:flex;
}

.table>div>div:first-child{
    width:180px;
}


main{padding:0;}

.row{
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.row img{display: block;}

.row>div{
    padding:15px;
    display: flex;
    flex-direction: column;
        align-items: center;
        text-align: center
}


@media (max-width: 768px) {

.map{
    flex-direction: column;
}
.map >div:first-child{
    width: 100%
}
#advantages>div{
    flex-direction: column;
}

}