.tap{
    display: flex;
}
.map{
    display: flex;
    margin-left: 63%;
}
.containe{
    display: flex;
    background-color: beige;
    height: 34px;
}
.icone{
    width: 20px;
    height: 20px;
    padding: 2px;
    cursor: pointer;
}
.nab{
    height: 27px;
    border-radius: 20px;
}
.doc{
    padding: 4px;
    font-weight: bold;
}
.vitr{
    background-color: rgb(89, 89, 187);
    height: 126px;
}
.site{
    display: flex;
    padding: 15px;
}
.vi{
    padding: 15px;
    border-radius: 5%;
    margin-left: 10px;
    border-bottom: none;
    background-color: white;
    font-weight: bold;
}
.vi:hover{
    color: royalblue;
}
.s{
    margin-left: 3%;
    padding-top: 16px;
    color: white;
    font-size: 40px;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}
.im{
    height: 30%;
}
.bu{
    border-radius: 10px;
    width: 80px;
    margin-left: 9px;
}
.bu:hover{
    background-color: royalblue;
}
@media screen and (max-width: 530px){
    .icone{
        width: 20px;
        height: 20px;
        padding: 2px;
        cursor: pointer;
    }
    .map{
        display: flex;
        margin-left: auto;
    }
    .nab{
        height: 27px;
        width: 100px;
    }
    .s{
        margin-left: 3%;
        padding-top: 10px;
        color: white;
        font-size: 40px;
        font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    }
    .vi{
        padding: 15px;
        border-radius: 5%;
        margin-left: 7px;
        border-bottom: none;
        background-color: white;
        font-weight: bold;
    }
}