#contact{max-width:1330px;margin:auto;padding: 40px 30px 60px 30px}
#contact h2{text-align:center}
#contact>div{display:flex;flex-direction:row}
#contact>div>div.adress{width:50%;height:650px;display:flex;flex-direction:column;justify-content:space-between}
#contact>div>div.rightcontact{width:50%;display:flex;flex-direction:column;height:650px;margin:auto}
#contact>div>div.rightcontact>.quests{height:100%;margin-top:10px}
#contact>div>div.rightcontact>div.numemail { display: grid; grid-template-columns: repeat(2, 1fr); width: 90%; margin: auto; grid-gap: 10px; }
#contact>div>div.rightcontact>div.numemail > h2 { grid-column: 1/3; }
#contact>div>div.rightcontact>div.numemail>a.whatsapp { background-color: #25d366; color: white; font-weight: 600; border: none; }
#contact>div>div.rightcontact>div.numemail>a.whatsapp>svg { margin-right: 5px; }
#contact>div>div.rightcontact>div.numemail>a,
#contact>div>div.rightcontact>div.numemail>p{color:#000;text-decoration:none;display:flex;flex-direction:row;width:fit-content;padding:10px;padding-right:10px;border-radius:5px;justify-content:space-between;background-color:#f6f6f6;border:.5px solid gray;align-items:center}
#contact>div>div.rightcontact>div.numemail>a>span{margin-right:5px;}
#consultquery{height:90%;margin:10px auto;width:90%;display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;justify-content:space-between}
#consultquery>.querytop{width:49%}
#consultquery>.querybot{width:100%;}
#consultquery>.ftext{flex-grow:1;height:54%;}
#consultquery>.ftext>textarea{height:80%;padding:5px;}
#consultquery>a{margin:auto}
.contactmap{width:90%;text-decoration:none;color:#000;background-color:#f6f6f6;height:50%;border-radius:5px;display:flex;flex-direction:column;margin:10px auto;overflow:hidden}
.contactmap>img{border-top-left-radius:5px;border-top-right-radius:5px;height:170px;object-fit:cover;width:100%}
.contactmap>div{padding:10px;box-sizing:border-box}
.contactmap>iframe{height:100%}
@media (max-width:1120px) {
    #contact>div>div.rightcontact>div.numemail { grid-template-columns: repeat(1, 1fr); }
    #contact>div>div.rightcontact>div.numemail > h2 { grid-column: initial; }
    #contact>div>div.rightcontact>div.numemail > a { justify-self: center; }
}
@media (max-width:768px) {
    #contact { margin-bottom: 50px; }
    #contact>div>div.adress,#contact>div>div.rightcontact{margin:auto;width:100%;max-width:500px}
    #consultquery,.contactmap{width:100%}
    #contact>.contactSection{flex-direction:column}
    #consultquery>.querytop{width:100%}
    label.ftext{height:37%}
}